配置Chrome Workspace功能


配置Chrome Workspace功能

Chrome Workspace功能是將在Chrome開發者工具(F12)中對文檔的修改直接應用於對應文件中。
由於Chrome並不知道當然文檔對應用的文件為哪個,所以需要配置Workspace的映射關系來告訴Chrome對哪個文件做修改

使用Workspace條件:

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

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM