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 功能可以编写扩展功能，可以自定义一些自己需要的功能。