[譯] Chromium 開發者工具還能作這個?

原文連接:Chromium Developer Tools can do that?,by Andreas瀏覽器

如下是 Chromium 開發者工具的一些有用功能,有些可能還不知道到。這些特性在每一個基於 Chromium 開發的瀏覽器中都能使用(像 Brave、Vivaldi、Opera、新版的 Microsoft Edge、Google Chrome 等這些瀏覽器)。編輯器

1、黑色主題

你能夠將開發者工具調節成黑色注意,在「設置」中選擇。工具

2、陰影編輯器

在樣式觀察器中,能夠對 box-shadow 屬性進行可視化編輯。測試

3、顏色拾取器

顏色值均可以使用顏色拾取器作調整。3d

4、設備工具欄

無需調整瀏覽器窗口的大小,只需使用設備工具欄就能測試響應式頁面。code

5、圖層檢查器

使用圖層檢查器(Layer Inspector)觀察嵌套元素的層級結構。cdn

6、 強制設置元素狀態

有時候須要檢查或調整元素在某個特定狀態(好比 :active、:hover 等)下的樣式,就能夠經過勾選 :hov 欄目下的相應複選框實現。blog

總結

這裏列舉的功能只是 Chromium 開發者工具的冰山一角,更多功能還有待你們去探索啦!開發

(正文完)get


廣告時間(長期有效)

我有一位好朋友開了一間貓舍,在此幫她宣傳一下。如今貓舍裏養的都是布偶貓。若是你也是個愛貓人士而且有須要的話,不妨掃一掃她的【閒魚】二維碼。不買也沒關係,看看也行。

(完)

相關文章
相關標籤/搜索