瀏覽器開發者工具怎么打開?

【瀏覽器開發者工具怎么打開?】 瀏覽器開發者工具是什么?簡單來說,瀏覽器開發者工具就是給專業的web應用和網站開發人員使用的工具,可以幫助開發人員對網頁更好地進行布局 。那瀏覽器中的開發者工具要怎么打開呢?下面小編就給大家講講 。
步驟如下:
打開我們的瀏覽器,我們看到在瀏覽器右上角,搜索欄后面有一個三個點的顯示框,我們點擊這三個點 。

瀏覽器開發者工具怎么打開?


點擊之后出現如圖所示選擇框,我們可以看到這里有一個更多工具,鼠標點擊更多工具,也可以使用圖中所示的這個快捷鍵 。
瀏覽器開發者工具怎么打開?


點擊更多工具之后,在它的左側又會出現圖中所示的一列選擇項,自己我們選擇開發者工具,使用ctrl,shift.1也可以調節出來 ?;蛘呤褂胒12快捷方式,調節出開發者工具 。
瀏覽器開發者工具怎么打開?


打開開發者工具之后,我們就可以看到網頁上顯示出另外兩部分內容,一部分是我們html網頁顯示內容代碼,一部分是我們css格式顯示 。
瀏覽器開發者工具怎么打開?


點擊html代碼顯示部分中的這個三角形,就可以展開其收縮起來的這一部分代碼,再次點擊三角形又可以隱藏起來 。
瀏覽器開發者工具怎么打開?


我們也可以在網頁中選中想要查看的文本,然后點擊鼠標右鍵,選擇檢查選項,右側的開發者工具自動定位到我們需要查看代碼的文本部分 。
瀏覽器開發者工具怎么打開?


瀏覽器開發者工具怎么打開?


以上就是小編要分享的內容啦 。

    推薦閱讀