如何使用瀏覽器查看頁面源碼-快速拿到頁面定位元素

查看頁面源碼，不一樣瀏覽器會有不一樣的查看方法。

1、「谷歌」瀏覽器，查看頁面源碼的方法，比較準確，能夠移動鼠標來準肯定位元素。

查看方法以下：

1.1 進入要測試的系統頁面，光標定位到要查看的元素上，右鍵，選擇「檢查」，出現源碼的窗口，以下圖：

1.2 出現頁面源碼窗口後，能夠點擊左上角的箭頭，移動鼠標到要查看元素上，就能夠看到它的頁面定位元素組成了。以下圖：

2、「火狐」瀏覽器，查看頁面源碼的方法，也比較準確，也能夠移動鼠標來準肯定位元素，而且安裝組件Firebug能夠複製XPath。

查看方法以下：

2.1 進入要測試的系統頁面，光標定位到要查看的元素上，右鍵，選擇「查看元素」，出現源碼的窗口，以下圖：

2.2出現頁面源碼窗口後，能夠點擊左上角的箭頭，移動鼠標到要查看元素上，就能夠看到它的頁面定位元素組成了。以下圖：

2.3 也能夠在火狐瀏覽器上添加組件firebug來定位元素。

  安裝完成後，退出火狐瀏覽器，從新打開瀏覽器，進入要測試的系統頁面，光標定位到要查看的元素上，右鍵，選擇「使用Firebug查看元素」，出現源碼的窗口，選擇該元素源碼，右鍵能夠複製XPath，以下圖：

3、「IE」瀏覽器，查看頁面源碼方法，不是很方便。查看方法以下：

3.1 輸入要測試系統的頁面，好比：登陸頁面

3.2 直接按鍵盤F12鍵，彈出源碼窗口，切換到「腳本」選項卡，可查看到源碼，以下圖：