【tool】Chrome開發者工具之本地覆蓋(overrides)

介紹:

本地覆蓋是一個強大的工具,使你能夠加載生產文件的本地副本,並使用它們來替代捆綁的副本。當一個問題只發生在特定的環境中而不能在本地復現時,這一點尤其有用

使用方法:

啓用本地覆蓋:

1、你可以在“Source” 選項卡下啓用 "Overrides"(本地覆蓋)。如果你沒有看到 Overrides 鏈接,點擊 Page 右側的鋸齒圖標

2、選擇工作空間

3、啓用本地覆蓋

本地覆蓋示例:

1、選定待覆蓋的文件,這裏是一個登陸頁面

2、修改代碼,輸出“hello world!!!”

3、ctrl + s 保存覆蓋文件。第一次保存後,工作空間下會出現該網站的工作目錄,目錄下有被保存的覆蓋文件

注:當本地覆蓋啓用,且工作空間下有該網站的同名覆蓋文件,瀏覽器會優先執行覆蓋文件

4、執行覆蓋文件代碼。這裏的login文件需要執行登陸後纔會執行,所以我們輸入信息(無需正確信息,錯誤的就可以)進行登陸

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章