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

2021-10-04 14:20:33 字數 678 閱讀 3444

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

就是檢視網頁源**以及檢查(審查元素)。

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

來看乙個簡單的頁面:

lang

="en"

>

>

charset

="utf-8"

>

>

test1title

>

>

window.

onload

=function()

script

>

head

>

>

"p1"

>

p>

body

>

html

>

我們審查元素

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

而網頁源**中,

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

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

所以,審查元素和檢視網頁原始碼還是有一點區別的,這個區別可以說是源**和dom的區別,我們審查元素,實際上是檢視dom,dom渲染過了,檢視網頁原始碼看到的才是未解析的源**。

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

不知道大家發現沒有,當我們用chrome瀏覽器開啟任意乙個網頁,右鍵單擊頁面有兩個很相似的選項 就是檢視網頁源 以及檢查 審查元素 之前我一直認為這兩個選項是沒有什麼區別的,但chrome既然列出來這兩項自然有它的道理。來看乙個簡單的頁面 複製 如下 test1 在網頁中的顯示效果為 為壓縮大小刪掉...

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 該擴充套件可讓你輕鬆訪問頁面...