Visual Studio 2013 新增功能：「Browser Link」

今天新裝了 Visual Studio 2013， 使用 VS2013 打開一個現有的 WEB 網站， 在調試網站的時候出如今了腳本錯誤，一個文件名叫 "browserLink"， ？？？， 項目中沒有使用這些文件啊， 難道中毒了？

仔細看了一個 VS 裏面的信息， 發現 browserLink 文件引用到了頁面， 而後在流程器裏查看源代碼， 在最下面發現了這麼一段代碼：

 

<!-- Visual Studio Browser Link -->
<script type="application/json" id="__browserLink_initializationData">
    {"appName":"Internet Explorer","requestId":"13a655707f184a1d94d45cad5e20e6cc"}
</script>
<script type="text/javascript" src="http://localhost:3925/609bc31e3c0549e09b2b8b4504b0be13/browserLink" async="async"></script>
<!-- End Browser Link -->

 

看到註釋就放心了， 應該是 Visual Studio 2013 的新功能， 而後 google 了一把， Browser Link 卻實是一個新功能。

 

什麼是 Browser Link ?

這個 Browser Link 的功能就是經過一個腳本文件架起流程器和 Visual Studio IDE 以前的一個通訊橋樑， 在啓用 Browser Link 後， Visual Studio 會給網站注入一個 IHttpModule 模塊對象， 而後在每一個頁面都會註冊一段上面的腳本。

 

Browser Link 功能使用 SignalR 技術實現的。

 

說了這麼多， Browser Link 功能究竟是用來幹什麼用的？

如今 Broswer Link 功能比較簡單，就是用來在 Visual Studio IDE 能夠刷新瀏覽器中已經打開的頁面， 爲何要在 Visual Studio IDE 中刷新頁面？

有這麼一個應用場景：假如你在開發一個頁面，這個頁面須要兼容 IE, GOOGLE, FIREFOX 和移動瀏覽器， 有可能你會同時使用這些流程器打開你的頁面， 若是發現有某種問題，回到 VS IDE 進行修改， 修改完後能夠在 Visual Studio IDE 點 "Refresh Linked Browsers" 來刷新全部瀏覽器以查看效果。

 

如今這個 "Browser Link " 只有這麼一個刷新功能， 可是 Browser Link 功能能夠編寫擴展功能，能夠自定義一些本身須要的功能。