网页中审查元素与查看网页源代码的区别
生活随笔
收集整理的這篇文章主要介紹了
网页中审查元素与查看网页源代码的区别
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、誤區
打開瀏覽器任意一個頁面，右鍵單擊頁面有兩個很相似的選項：“查看網頁源代碼（CTRL+U）”和"檢查（審查元素?F12或者CTRL+SHIFT+I）"，之前一直認為這兩項的代碼內容沒有區別，最近發現兩者是有區別的。
二、網頁中審查元素與查看網頁源代碼的區別
1、通過一個簡單的頁面，對比兩者的區別
<!DOCTYPE html> <html><head><script>window.onload=function(){document.getElementById("second").innerHTML="這是JS動態生成的內容。";}</script></head> <body> <div id='first'>源碼內容</div> <div id="second"></div> </body> </html>2、“查看網頁源代碼”看到的效果
3、“審查元素”看到的效果
4、對比2和3的結果，可直觀看到“查看網頁源代碼”的代碼內容是服務器發送到瀏覽器的原封不動的源代碼，不包括頁面動態渲染的內容；“審查元素”包括源代碼+js動態渲染的內容，即最終展示的html內容。
總結
以上是生活随笔為你收集整理的网页中审查元素与查看网页源代码的区别的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： AWS硬盘扩容过程记录
- 下一篇： WidgetOne手机应用开发平台已正式