關於審查元素與檢視網頁原始碼的區別

不知道大家發現沒有，當我們用chrome瀏覽器開啟任意乙個網頁，右鍵單擊頁面有兩個很相似的選項

就是檢視網頁源**以及檢查（審查元素）。

之前我一直認為這兩個選項是沒有什麼區別的，但chrome既然列出來這兩項自然有它的道理。

來看乙個簡單的頁面：

複製**

**如下:

;test1

在網頁中的顯示效果為（為壓縮大小刪掉了大部分空白）：

我們審查元素

會發現標籤中已經多出來了一句話。

而網頁源**中，

標籤中是沒有這一句話的：

這一句話是通過js動態生成的。

所以，審查元素和檢視網頁原始碼還是有一點區別的，這個區別可以說是源**和dom的區別，我們審查元素，www.cppcns.com實際上是檢視dom，dom渲染過了，檢視網頁原始碼看到的才是未解析的源**。以上就是這篇文章的全部內容了，希www.cppcns.com望對大家的學習和工作能有一定的幫助。

本文標題: 關於審查元素與檢視網頁原始碼的區別

本文位址: /web/xindejiqiao/88670.html

關於審查元素與檢視網頁原始碼的區別

不知道大家發現沒有，當我們用chrome瀏覽器開啟任意乙個網頁，右鍵單擊頁面有兩個很相似的選項 就是檢視網頁源 以及檢查 審查元素 之前我一直認為這兩個選項是沒有什麼區別的，但chrome既然列出來這兩項自然有它的道理。來看乙個簡單的頁面 lang en charset utf 8 test1tit...

eclipse安裝與檢視原始碼

1.安裝jdk時選擇上源 2.eclispe windows preferences jres 啟用src.zip 快捷鍵f3，也可以使用ctrl 滑鼠左鍵單擊 alt 鍵盤的左右鍵，ctrl 滑鼠是原始出處 應該根據呼叫該方法的物件型別，找其類裡是否有該方法的重寫 1.首推 雙擊選中該方法，ctr...

7個用來檢視網頁原始碼的Firefox擴充套件 CSDN

7個用來檢視網頁原始碼的firefox擴充套件 1.url source chart url 該外掛程式可讓你使用更容易理解的結構來顯示網頁原始碼，並有語法著色功能。圖形化顯示html標籤的邊界 圖形化定義標籤巢狀順序 結構和層次 img 2.url 2.0.8 url 該擴充套件可讓你輕鬆訪問頁面...