web頁面中快速找到html對應元素兩種方法


一、第一種方法(通過先進入開發模式然后再去選擇網頁元素)

1、打開IE、Chrome、FireFox等,按 F12 鍵進入開發模式

2、在打開的控制窗口左上角有個  箭頭 按鈕,點擊它之后,此時將鼠標移動到web頁面上的元素,同時在控制窗口中就會自動定位到鼠標所指向的元素,這樣方便在寫代碼時快速找到對應元素

 

 

如下圖我將鼠標懸停在輸入框上,對應的控制台中就自動找到對應的元素信息了

 

二、第二種方法(直接通過在網頁頁面上鼠標指向某一頁面元素然后進行右鍵,chrome對應‘檢查’,Firefox對應‘查看元素’)

chrome瀏覽器如下:

 

Firefox瀏覽器對應如下:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM