本篇目錄
當Browser Link運行時，會有一個菜單注入到你的網站上，Web Essentials可以使用該菜單上所有可用的一套Browser Link功能。
要想了解更多關於Browser Link的信息，請點擊下面的圖片：
功能
啟用了Browser Link之后，打開我的網站時，就出現了一個如下圖所示的浮動的工具條：
下面一一介紹該工具條上的所有功能：
Auto-hide
如果你總是不想看到這個菜單，那么可以選中該復選框，使它默認不可見。要切換該菜單的可見性，只要按一下Ctrl鍵就可以了。
Inspect Mode（檢查模式）
當鼠標懸停在任何瀏覽器頁面的DOM元素上時，Visual Studio將會打開源文件並定位到生成該特定DOM元素的確切位置。
Design Mode
和Inspect Mode很像，但是當你最后點擊瀏覽器中的DOM元素時，該元素會變成可編輯的。任何編輯都會實時地傳給Visual Studio來更新源文件。如下圖所示：
Save F12 changes
當在多個瀏覽器的開發者工具中做了編輯時，你可以點擊Save F12 changes將改變的內容傳送到Visual Studio的源文件中。。這個只對CSS有效。請認真觀察下圖中代碼在瀏覽器控制台中的變化以及在VS中的變化。
F12 auto-sync
不需要手動點擊Save F12 changes，你就可以將所做的更改實時流入Visual Studio。這個就不嘗試了，大家可以自己試試！
Find Unused CSS
點擊這個按鈕，將會開始記錄網站中使用的不同的CSS規則。只需要在網站中導航瀏覽，當你操作完成后，再次點擊該按鈕。就會在Visual Studio的錯誤列表中生成沒有使用的CSS列表。從下面的圖中可以看出，即使沒有刷新，沒有使用的CSS也已經找出來了。
最佳實踐
Web Essentials使用了webdevchecklist.com的一些規則作為最佳實踐。如果發現任何違規，就會在錯誤列表中展示一條消息。