（此文章同時發表在本人微信公眾號“dotNET每日精華文章”，歡迎右邊二維碼來關注。)
題記：Browser Link是VS 2013開始引入的一個強大功能，讓前端代碼（比如AngularJS的代碼）在VS中的修改更加輕而易舉。
前端代碼是運行在瀏覽器中，而Visual Studio通常只會和服務端代碼交互。微軟通過Browser Link技術在VS和瀏覽器之間架起了一個橋梁。這一技術是基於SignalR來實現的，雖然感覺把他們連接起來沒有什么大不了的。但是，當你無數次在瀏覽器上按F12來查看前端代碼，你可知道Browser Link可以讓你方便的回到VS中去瀏覽和修改他們。當你厭煩了在瀏覽器中修改出所需效果之后，還要把CSS代碼復制回VS中的時候，你可知道Browser Link可以簡化這一流程。
當然為了實現以上效果，除了在VS中啟用Browser Link功能外，還需要安裝Web Essentials這個擴展。如果我們使用的是類似AngularJS這樣的前端框架的話，由於它的前端頁面一般是html而非csthml，那么我們還需要添加靜態頁面的支持。
在以上環境都准備好之后，在調試的時候會在下部會浮動一個工具條（也可以通過Ctrl來開關），如下圖：
這個工具條上，最常用的按鈕就是“Inspect”和“Save F12 Changes”。你可以用“Inspect”按鈕來在VS中定位和查看元素標簽或CSS、JS代碼。如果你習慣在瀏覽器的F12工具中調整CSS的話，那么用“Save F12 Changes”按鈕來把修改自己保存回VS的源代碼中。
關於Browser Link的更多詳細用法，可以訪問Browser Link的官方文檔：http://www.asp.net/visual-studio/overview/2013/using-browser-link，或者“閱讀原文”查看Angular First上的介紹文章。
原文地址：http://angularfirst.com/client-side-productivity-with-browser-link/