欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于審查元素與查看網(wǎng)頁源碼的區(qū)別

  發(fā)布時(shí)間：2016-09-06 17:47:06   作者：nono__   我要評論
這篇文章給大家分析了關(guān)于審查元素與查看網(wǎng)頁源碼的區(qū)別，這兩者雖然很相似但是還是有一定的區(qū)別的，下面來一起看看吧。

不知道大家發(fā)現(xiàn)沒有，當(dāng)我們用chrome瀏覽器打開任意一個網(wǎng)頁，右鍵單擊頁面有兩個很相似的選項(xiàng)

就是查看網(wǎng)頁源代碼以及檢查（審查元素）。

之前我一直認(rèn)為這兩個選項(xiàng)是沒有什么區(qū)別的，但chrome既然列出來這兩項(xiàng)自然有它的道理。

來看一個簡單的頁面：


復(fù)制代碼
代碼如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test1</title>
<script>
window.onload=function(){
document.getElementById("p1").innerHTML="這是JS生成的一句話。";
}
</script>
</head>
<body>
<p id="p1"></p>
</body>
</html>

在網(wǎng)頁中的顯示效果為（為壓縮圖片大小刪掉了大部分空白）：

我們審查元素

會發(fā)現(xiàn)<p></p>標(biāo)簽中已經(jīng)多出來了一句話。
而網(wǎng)頁源代碼中，<p></p>標(biāo)簽中是沒有這一句話的：

這一句話是通過JS動態(tài)生成的。

所以，審查元素和查看網(wǎng)頁源碼還是有一點(diǎn)區(qū)別的，這個區(qū)別可以說是源代碼和DOM的區(qū)別，我們審查元素，實(shí)際上是查看DOM，DOM渲染過了，查看網(wǎng)頁源碼看到的才是未解析的源代碼。以上就是這篇文章的全部內(nèi)容了，希望對大家的學(xué)習(xí)和工作能有一定的幫助。

相關(guān)文章

最新評論