如何用Firefox開發者工具調試頁面顏色？
在做頁面開發時，常常用到Firefox瀏覽器的開發者工具。用這個工具如何調試頁面顏色？一起來看下。
操作方法
-
01
打開網頁后，我們先打開開發者工具。
點擊瀏覽器右上角的三橫線圖標，彈出菜單，點擊‘web開發者’。 -
02
打開后，點擊‘查看器’，在這欄下，點擊選中左邊的小箭頭圖標，然后就可以點擊選擇頁面上的元素了。
-
03
比如選中了‘搜狗指南'這段文字后，在開發者工具里，就顯示出了對應的html代碼了，在右邊還顯示出了對應div的樣式內容
-
04
當需要修改樣式的內容時，可以點擊對應的項來修改。
比如點擊background-color這項的值，就變了編輯狀態了，我們可以輸入其他的顏色值。 -
05
輸入白色的顏色代碼值，搜狗指南的div背景色立刻就變為白色了。
-
06
除了輸入具體的顏色值，還可以點擊旁邊的圓形，彈出顏色選擇框，可以直接選擇這里的顏色。
-
07
可以點擊顏色選擇框下的小筆頭，這是一個顏色吸取器，可以吸取頁面上其他位置的顏色。
-
08
點擊后，就用鼠標在頁面上的其他位置移動，所到的位置會顯示出當前的顏色，
-
09
當我們的鼠標在“指到不難”文字下點擊一下，就吸取到這里的顏色，立刻為我們的div修改了背景色。
- End
- 發表于 2017-11-20 00:00
- 閱讀 ( 734 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章