chrome瀏覽器的一些常用的前端開發快捷鍵

2021-06-23 02:48:10 字數 551 閱讀 2958

1、

在某乙個js或者css檔案中搜尋,ctrl+f

如果你想在載入的所有js和css檔案中進行全域性搜尋,那麼ctrl+shift+f可以實現(這個經常使用)

2、chrome選中某個html節點,檢視html元素資訊:

ctrl+ shift + c,然後再選中頁面上你想檢視的html部分(非常好用)

3、隱藏某個html的元素:

滑鼠選中相應的階段,按下h,就可以隱藏改節點元素,(類似於visible屬性隱藏,即仍舊佔位)

4、在瀏覽器中,編輯某段html元素

選中html的節點元素,按下f2,可以觸發編輯該節點的元素(常用)

5、樣式的數值調整

例如你想調整字型,選中改css的fontsize,觸發上下箭頭操作,或者shift+上下箭頭,可以直觀的看到字型大小變化的影響(常用)

6、查詢某個html節點的,同級節點或者子母節點:

選中html元素節點,左右箭頭可以切換到字子母節點結構

上下箭頭可以切換到同級節點結構

thxfor more: to be continued!

常用的Chrome瀏覽器外掛程式

1 ie tap 有了它之後可以方便的訪問國內的網上銀行 支付寶等 2 download assistant 3 mail checker plus for google mail 現改名為mail checker minus 可以方便的查收郵件。4 awesome screenshot captu...

常用瀏覽器的使用 Chrome

a ghelper外掛程式 google受限上網,真的很慢 以及其他類似的用於訪問google上網助手 建議使用 能夠上google以及docs.google.com b jsonview 用於檢視json串比較方便的google外掛程式,在瀏覽器端可以以結構化的方式檢視json字串 c set c...

關於瀏覽器UA的一些介紹

使用js檢查瀏覽器標誌 code from使用方法 判斷是否ie核心 if browser.versions.trident 判斷是否webkit核心 if browser.versions.webkit 判斷是否移動端 if browser.versions.mobile browser.vers...