Browser Link是连接VS和浏览器之间的通道。有了这个特性，web程序就能够和VS交互传递数据。这个特性在VS2013中是默认开启的。当开启了Browser Link， web程序运行的时候，就会注册一个HttpModule到asp.net的生命周期中，这个HttpModule的功能就是在每个输出的网页中，注入一段<script>脚本，这段脚本的作用就是负责VS IDE和网页间的通讯。

由于其作用的是注入的js脚本，所以使用这个特性不需要任何浏览器插件，对于任何浏览器都可以。当开启Browser Link功能的时候，VS就像是一个SignalR服务器。

通过下面这些问题，来进一步了解Browser Link:

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

在VS的工具栏上  这个功能默认是开启的，当你启动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刷新这个页面. 它会立即刷新所有的浏览器.

3. 如何判断Browser Link功能是否开启?

直接查看页面的源代码，检查页面html源码底部的script块. 如下图. 如果有下面的script代码，就说明Browser Link功能开启了。

4. 如何关闭Browser Link?

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

  • 还可以通过修改web.config文件来关闭Browser Link功能

修改appSetting中的vs:EnableBrowserLink”值为“false”, 这样就可以关闭Browser Link.

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

Browser Link适合在多浏览器下调试页面的时候使用，这样就减少了在多浏览器下手动刷新的痛苦。

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

VS 2013中的新特性browser link的更多相关文章

  1. Visual Studio 2013中因SignalR的Browser Link引起的Javascript错误一则

    众所周知Visual Studio 2013中有一个由SignalR机制实现的Browser Link功能,意思是开发人员可以同时使用多个浏览器进行调试,当按下IDE中的Browser Link按钮后 ...

  2. ASP.NET 5与MVC 6中的新特性

    差点忘了提一句,MVC 6中默认的渲染引擎Razor也将得到更新,以支持C# 6中的新语法.而Razor中的新特性还不只这一点. 在某些情况下,直接在Web页面中嵌入某些JSON数据的方式可能比向服务 ...

  3. Webpack 3 中的新特性

    本文简短地分享下最新发布的 Webpack 3 中的新特性,供大家参考. 1. Webpack 3 的新特性 6 月 20 日,Webpack 发布了最新的 3.0 版本,并在 Medium 发布了公 ...

  4. 使用示例带你提前了解 Java 9 中的新特性

    使用示例带你提前了解 Java 9 中的新特性 转载来源:https://juejin.im/post/58c5e402128fe100603cc194 英文出处:https://www.journa ...

  5. HTML 5中的新特性

    HTML 5中的新特性 html5新增了一些语义化更好的标签元素.首先,让我们来了解一下HTML语义化. 1.什么是HTML语义化? 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开 ...

  6. （数据科学学习手札73）盘点pandas 1.0.0中的新特性

    本文对应脚本及数据已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1 简介 毫无疑问pandas已经成为基于Pytho ...

  7. 1 PHP 5.3中的新特性

    1 PHP 5.3中的新特性 1.1 支持命名空间 (Namespace) 毫无疑问,命名空间是PHP5.3所带来的最重要的新特性. 在PHP5.3中,则只需要指定不同的命名空间即可,命名空间的分隔符 ...

  8. Visual Studio 2013 Web开发新特性

    微软正式发布Visual Studio 2013 RTM版,微软还发布了Visual Studio 2013的最终版本..NET 4.5.1以及Team Foundation Server 2013. ...

  9. Firefox 23中的新特性（新陷阱）

    话说有一天突然发现我们的网站页面上的JQuery功能都失效了,Firebug中显示如下的错误 Blocked loading mixed active content "http://xxx ...

随机推荐

  1. C#操作XML学习之创建XML文件的同时新建根节点和子节点(多级子节点)

    最近工作中遇到一个问题,要求创建一个XML文件,在创建的时候要初始化该XML文档,同时该文档打开后是XML形式,但是后缀名不是.在网上找了好些资料没找到,只能自己试着弄了一下,没想到成功了,把它记下来 ...

  2. 15天玩转redis —— 第三篇 无敌的列表类型

     据说60%的人使用redis看重的是redis中的list类型,那这个list有什么用呢???不用我说大家都明白,做队列使用呗,为什么用它呢,很简单呗, 因为有了它我就不需要专门的MQ产品啦,比如说 ...

  3. Redis系列四之复制

    一.复制基本配置与演示 为了避免单点故障,Redis提供了复制功能,可以实现自动同步的过程. 1.配置 同步后的数据分为两类:一类是主数据库(master),一类是从数据库(slave).主数据库可以 ...

  4. 【整理】 JavaScript模块化规范AMD 和 CMD 的区别有哪些？

    根据玉伯等人在知乎上的回答整理.整理中... AMD 规范在这里:https://github.com/amdjs/amdjs-api/wiki/AMD CMD 规范在这里:https://githu ...

  5. x8086汇编实现dos清屏（clear screen）

    题目要求:x8086汇编实现dos下的清屏功能 80X25彩色字符模式显示缓冲区的结构: 在内存地址结构中,B8000H~BFFFFH共32KB的空间,为80x25彩色字符模式的显示缓冲区.向这个地址 ...

  6. Thinkphp 用PHPExcel 导入Excel

    搞了个简单的Excel导入, 用的是PHPExcel(百科:用来操作Office Excel文档的一个PHP类库, 基于微软的OpenXML标准和PHP语言) 好, 不说了, 开始吧... 首先得有P ...

  7. CGI与Servlet的比较

    转自:http://www.maxhis.info/java/cgi-vs-servlet/ 谢! 概括来说,CGI和Servlet可以完成相同的功能. 一:CGI(Common Gateway In ...

  8. redis主从 以及认证配置

    以前用redis用的很多,各种数据类型用的飞起,算是用得很溜了.不过那都是封装好的方法,自己直接调用.以前的公司比较规范,开发只是开发,很少去做跟运维相关的事情. 换了一份工作,不过这边项目刚开始起步 ...

  9. 配置WCF Test Client

    用vs2010建立了一个wcf项目,通过F5直接运行那服务文件,就出现了一个”The dependent tool 'svcutil.exe' is not found“, , 之后想通过“tool- ...

  10. Python自动化测试工具Splinter简介和使用实例

    Splinter 快速介绍 官方网站:http://splinter.cobrateam.info/ 官方介绍: Splinter is an open source tool for testing ...