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

• 2020 年 1 月 19 日
• 筆記

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

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

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

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

二、第二種方法（直接通過在網頁頁面上鼠標指向某一頁面元素然後進行右鍵，chrome對應『檢查』，Firefox對應『查看元素』）

chrome瀏覽器如下：

Firefox瀏覽器對應如下：