配置Chrome Workspace功能

【轉】

配置Chrome Workspace功能

Chrome Workspace功能是將在Chrome開發者工具(F12)中對文檔的修改直接應用於對應文件中。
因爲Chrome並不知道固然文檔對應用的文件爲哪一個,因此須要配置Workspace的映射關係來告訴Chrome對哪一個文件作修改

使用Workspace條件:chrome

  • Chrome V31+(正式版)
  • 本地服務器開發

1.點擊F12工具的設置按鈕2.點擊左側的workspace服務器

3.點擊Add folder4.選擇服務器所在的根目錄,以後肯定會chrome會在上面作出一個提示,點擊容許5.雙擊下圖所示的地方,配置映射關係6.填寫映射關係,視具體狀況填寫,注意右邊的/必定要填寫(關鍵性步驟)而後點擊空白處,完成填寫
7.而後回到一個頁面中去,試着去更改一個樣式數值,驗證是否生效注意Workspace只對外部引入的CSS樣式有效!
工具

相關文章
相關標籤/搜索