配置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樣式有效!工具