用Visual Studio偵錯網頁時(按功能列上面的綠色三角形播放按鈕)發現有個叫browser link的,讀了很多秒,看了就不順眼,於是開始查這是什麼東西

後來才知道似乎是Web essentials功能的一部分

 

跟大家介紹一下,如果用VS偵錯網頁時,發現左下角有個浮水印的圖案,就是Web essentials

browerlink  

 

按下鍵盤的Ctrl可以將其隱藏或是顯示,稍微介紹一下

第一項Design是可以即時在網頁上編輯,不過似乎只有文字

第二項Inspect則是點選後可以到VS中觀看該段的html碼(會被反白起來)

Inspect還蠻好用的,跟瀏覽器按下F12主控台可以選取很像,可以自動連動vs在以往Web Form的使用設計檢視或是DreamWeaver也有出現過

在asp.net MVC還沒有設計檢視前就先這樣用吧

 

若使用靜態網頁也要使用這個功能,請參考以下兩篇文章

web essentails 2013 靜態網頁如何開啟並使用design mode功能

browser-link-在-靜態-網頁-也能用(-vs2013)

arrow
arrow
    全站熱搜

    not0000 發表在 痞客邦 留言(0) 人氣()