網站首頁 學習教育 IT科技 金融知識 旅遊規劃 生活小知識 家鄉美食 養生小知識 健身運動 美容百科 遊戲知識 綜合知識
當前位置:趣知科普吧 > IT科技 > 

如何檢查Chrome中的元素

欄目: IT科技 / 發佈於: / 人氣:5.12K
1、在電腦上開啟Google Chrome。2、單擊"三個豎點"圖標。3、將鼠標停留在下拉選單中的更多工具4、在"更多工具"子選單中單擊開發者工具5、將鼠標停留在檢查器中的元素上。6、在網頁上右鍵單擊要檢查的元素。7、在下拉選單中選擇檢查本指南介紹如何使用電腦版Google Chrome檢查網頁上的視覺元素的HTML原始碼。

如何檢查Chrome中的元素

1、在電腦上開啟Google Chrome。圖標形狀類似一箇中間有藍點的綵球,通常位於Mac的"應用程序"檔案夾或Windows的"開始"選單中。

如何檢查Chrome中的元素 第2張

2、單擊"三個豎點"圖標。它位於地址欄的右側,瀏覽器視窗的右上角。隨後會開啟下拉選單。

如何檢查Chrome中的元素 第3張

3、將鼠標停留在下拉選單中的更多工具上。隨後會彈出子選單。

如何檢查Chrome中的元素 第4張

4、在"更多工具"子選單中單擊開發者工具隨後會在瀏覽器視窗的右側開啟檢查器欄。也可以用鍵盤快速鍵開啟檢查器。Mac上的快速鍵爲? Option+? Cmd+I,Windows上的快速鍵爲Ctrl+Alt+I

如何檢查Chrome中的元素 第5張

5、將鼠標停留在檢查器中的元素上。將鼠標移動到檢查器中的某個元素或某行上,隨後會高亮顯示選中的網頁元素。

如何檢查Chrome中的元素 第6張

6、在網頁上右鍵單擊要檢查的元素。隨後會彈出右鍵選單。

如何檢查Chrome中的元素 第7張

7、在下拉選單中選擇檢查隨後會在檢查器中直接跳至所選的元素,並高亮顯示原始碼。無需手動開啟檢查器。選擇右鍵選單上的檢查自動開啟檢查器。

Tags:元素 chrome