VS 2013中的新特性browser link


Browser Link是連接VS和瀏覽器之間的通道。有了這個特性,web程序就能夠和VS交互傳遞數據。這個特性在VS2013中是默認開啟的。當開啟了Browser Link, web程序運行的時候,就會注冊一個HttpModule到asp.net的生命周期中,這個HttpModule的功能就是在每個輸出的網頁中,注入一段<script>腳本,這段腳本的作用就是負責VS IDE和網頁間的通訊。

由於其作用的是注入的js腳本,所以使用這個特性不需要任何瀏覽器插件,對於任何瀏覽器都可以。當開啟Browser Link功能的時候,VS就像是一個SignalR服務器。

4477.image_5F00_thumb_5F00_2C877D6C

 

通過下面這些問題,來進一步了解Browser Link:

1. Browser Link功能是什么樣子?

在VS的工具欄上image  這個功能默認是開啟的,當你啟動web項目的時候,它就默認啟動了。

 

2. Browser Link是如何工作的?

假設我們想看到Default.aspx在多個瀏覽器下是如何呈現的:

點擊toolbox上的”Browse with…”然后選擇多個瀏覽器(IE, Firefox, Chrome等). 當啟動完成耨,, VS 會顯示當前有3個瀏覽器連接.

然后我們修改Default.aspx文件,將 <h1> ASP.net </h1> 改成 ASP.NET 4.5. 然后點擊refresh按鈕或者Ctrl+Alt+Enter刷新這個頁面. 它會立即刷新所有的瀏覽器.

b2

 

3. 如何判斷Browser Link功能是否開啟?

直接查看頁面的源代碼,檢查頁面html源碼底部的script塊. 如下圖. 如果有下面的script代碼,就說明Browser Link功能開啟了。

b3

4. 如何關閉Browser Link?

  • 可以在toolbox上去掉勾選”Enable Browser Link”

b7

  • 還可以通過修改web.config文件來關閉Browser Link功能

修改appSetting中的vs:EnableBrowserLink”值為“false”, 這樣就可以關閉Browser Link.

b87

5. Browser Link功能在哪些場合下使用?

Browser Link適合在多瀏覽器下調試頁面的時候使用,這樣就減少了在多瀏覽器下手動刷新的痛苦。

 

文章大部分翻譯自 http://blogs.msdn.com/b/webdev/archive/2013/07/29/10430221.aspx


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM