瀏覽器開發(fā)者工具怎么打開？

　　瀏覽器開發(fā)者工具是什么？簡(jiǎn)單來說，瀏覽器開發(fā)者工具就是給專業(yè)的web應(yīng)用和網(wǎng)站開發(fā)人員使用的工具，可以幫助開發(fā)人員對(duì)網(wǎng)頁更好地進(jìn)行布局。那瀏覽器中的開發(fā)者工具要怎么打開呢？下面小編就給大家講講。

　　步驟如下：

　　打開我們的瀏覽器，我們看到在瀏覽器右上角，搜索欄后面有一個(gè)三個(gè)點(diǎn)的顯示框，我們點(diǎn)擊這三個(gè)點(diǎn)。

　　點(diǎn)擊之后出現(xiàn)如圖所示選擇框，我們可以看到這里有一個(gè)更多工具，鼠標(biāo)點(diǎn)擊更多工具，也可以使用圖中所示的這個(gè)快捷鍵。

　　點(diǎn)擊更多工具之后，在它的左側(cè)又會(huì)出現(xiàn)圖中所示的一列選擇項(xiàng)，自己我們選擇開發(fā)者工具，使用ctrl，shift.1也可以調(diào)節(jié)出來。或者使用f12快捷方式，調(diào)節(jié)出開發(fā)者工具。

　　打開開發(fā)者工具之后，我們就可以看到網(wǎng)頁上顯示出另外兩部分內(nèi)容，一部分是我們html網(wǎng)頁顯示內(nèi)容代碼，一部分是我們css格式顯示。

　　點(diǎn)擊html代碼顯示部分中的這個(gè)三角形，就可以展開其收縮起來的這一部分代碼，再次點(diǎn)擊三角形又可以隱藏起來。

　　我們也可以在網(wǎng)頁中選中想要查看的文本，然后點(diǎn)擊鼠標(biāo)右鍵，選擇檢查選項(xiàng)，右側(cè)的開發(fā)者工具自動(dòng)定位到我們需要查看代碼的文本部分。

　　以上就是小編要分享的內(nèi)容啦。