NEWS
建站資訊網(wǎng)頁(yè)制作過(guò)程中,調(diào)試時(shí)必不可少的一步,火狐Firebug是眾多開發(fā)者追捧的利器,但是習(xí)慣使用谷歌瀏覽器的朋友就無(wú)法使用火狐的插件,這樣就苦惱了。所幸,在谷歌的不斷升級(jí)下,它的瀏覽器自帶開發(fā)者工具,可以實(shí)現(xiàn)代碼修改并預(yù)覽??纯慈绾问褂冒伞?/P>
首先是啟動(dòng)谷歌瀏覽器的開發(fā)者工具的方法。在瀏覽器右上角的選項(xiàng)中點(diǎn)擊,下拉菜單選工具——開發(fā)者工具,快捷鍵CTRL+shift+I
打開開發(fā)者工具后,在瀏覽器下方出現(xiàn)一個(gè)調(diào)試面板。左側(cè)是網(wǎng)頁(yè)HTML調(diào)試查看,右側(cè)是CSS代碼調(diào)試,還有一些JS,資源的折疊起來(lái)了。
谷歌瀏覽器調(diào)試的好處就是,可以實(shí)現(xiàn)元素定位,把鼠標(biāo)放在指定的元素上,就可以在瀏覽器的上面視圖中加灰突出顯示所對(duì)應(yīng)的元素。
右側(cè)的CSS代碼調(diào)試是一個(gè)不錯(cuò)的工具,不僅可以查看對(duì)應(yīng)的標(biāo)簽的代碼,同時(shí)還可以實(shí)時(shí)更改代碼的值并在瀏覽器上方視圖中顯現(xiàn)變化。
CSS調(diào)試中,還有盒子模型的形象視圖。在右側(cè)折疊面板中可以打開,實(shí)現(xiàn)對(duì)margin,padding等的定位計(jì)算。
本文由廣州網(wǎng)站建設(shè)公司-三行網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)保留版權(quán)( 廣州網(wǎng)站建設(shè)huiduochem.com )三行網(wǎng)絡(luò)——專注于企業(yè)網(wǎng)站建設(shè)、響應(yīng)式營(yíng)銷型網(wǎng)站定制,歡迎來(lái)電咨詢!熱線:020-85628720、15915767698
上一篇:怎么購(gòu)買企業(yè)qq,辦理企業(yè)qq的流程、費(fèi)用? 下一篇:怎樣用PS批量處理產(chǎn)品圖片大小?