本地除錯HTML和CSS的方法

2021-07-31 02:03:24 字數 824 閱讀 6264

在本地除錯html和css**時,每次更改完需要清除瀏覽器快取,才能看到更改的效果,否則直**起來就像是css檔案引入失效一樣,在網上查詢後,找到以下兩種方法:

像個谷歌開發者一樣工作

先把當前的html和css載入,用chrome開啟,按f12,在elements這裡顯示的是html**,頁面下方是css**

在css**這裡修改,會實時反應到頁面,最後將自己滿意的效果修改到本地的css**中即可。

這樣操作看起來挺省事,但是實際使用時,滑鼠總點不到css區域中要修改的部分,浪費時間不說,心情還挺焦躁。

真正方便的還是工具

cssrefresh和live.js,這兩個工具會不停的讀取最新的css並載入,缺點是命令列中一直在重新整理,有時候會找不到真正的除錯資訊。兩個工具都支援js引入和書籤欄的方法。

這裡的js必須新增在css的後面才會起重新整理作用。修改css**後儲存,很快就會自動重新整理

這類方法我遇到過兩種不好使的情況:

除錯 CSS 的方法

我經歷過許多 css 的除錯工作,有別人寫的也有自己寫的,有移動端平台的也有標準桌面瀏覽器的,從陳舊的 ie 到最新的基於 webkit 的每日構建。經驗告訴我,很多人並沒有乙個標準的 css 除錯流程。我發現在大多數情況下,擁有專業的解決問題的方法,能夠節省花在 bug 上的時間。下面是我總結的經...

本地程式的簡易除錯方法

oj題目的程式寫完後測試資料時,每次都從網頁複製資料再貼上到執行終端多少有些麻煩,而且可能有時候還不方便隨時新增自己想要測試的資料,同時對輸出的資料進行查閱和除錯也不太方便 所以參考別人的部落格 oj程式簡便除錯方法 搗鼓了下本地除錯的簡易方法 1118.py output.txt type out...

微信本地除錯方法

1 電腦和手機處於同乙個 wifi 中,電腦用 charles 開 通過 host 繫結本地 ip 遠端測試 ip到目標網域名稱 3 手機連線到同乙個 wifi charles 看到請求了。詳細 1 電腦ip 192.168.36.101 手機ip 192.168.36.148 修改hosts wi...