如何利用火狐瀏覽器開發(fā)工具調(diào)試網(wǎng)頁顏色搭配？

　　如何利用火狐瀏覽器開發(fā)工具調(diào)試網(wǎng)頁顏色搭配？如果你對網(wǎng)站的整體顏色不滿意，完全可以在火狐瀏覽器的Web開發(fā)工具中使用查看器來調(diào)整預(yù)期的效果，再將色碼實(shí)施到該位置，這樣就可以很方便的處理顏色調(diào)試問題。

　　如何利用火狐瀏覽器開發(fā)工具調(diào)試網(wǎng)頁顏色搭配？

　　1、打開網(wǎng)頁后，我們先打開開發(fā)者工具。

　　點(diǎn)擊瀏覽器右上角的三橫線圖標(biāo)，彈出菜單，點(diǎn)擊‘Web開發(fā)者’。

　　2、打開后，點(diǎn)擊‘查看器’，在這欄下，點(diǎn)擊選中左邊的小箭頭圖標(biāo)，然后就可以點(diǎn)擊選擇頁面上的元素了。

　　3、比如選中了需要修改底色的模塊，在開發(fā)者工具里，就會顯示出了對應(yīng)的html代碼（左下）了，在右邊還顯示出了對應(yīng)div的樣式內(nèi)容（右下）

　　4、當(dāng)需要修改樣式的內(nèi)容時，可以點(diǎn)擊對應(yīng)的項(xiàng)來修改。

　　比如點(diǎn)擊background-color這項(xiàng)的值，就變了編輯狀態(tài)了，我們可以輸入其他的顏色值。

　　5、輸入白色的顏色代碼值，搜狗指南的div背景色立刻就變?yōu)榘咨�了�?/p>

　　6、除了輸入具體的顏色值，還可以點(diǎn)擊旁邊的圓形，彈出顏色選擇框，可以直接選擇這里的顏色。

　　7、可以點(diǎn)擊顏色選擇框下的小筆頭，這是一個顏色吸取器，可以吸取頁面上其他位置的顏色。

　　8、點(diǎn)擊后，就用鼠標(biāo)在頁面上的其他位置移動，所到的位置會顯示出當(dāng)前的顏色，

　　9、當(dāng)我們的鼠標(biāo)在某色域上點(diǎn)一下，就吸取到這里的顏色，立刻為我們的div修改了背景色。

　　以上內(nèi)容便是利用火狐瀏覽器開發(fā)工具調(diào)試網(wǎng)頁顏色搭配的方法，實(shí)際上還有很多工具都可以做到該操作，只是使用火狐瀏覽器會方便一些。