网页中审查元素与查看网页源代码的区别

最新推荐文章于 2022-11-03 22:19:03 发布

zpjing~.~

最新推荐文章于 2022-11-03 22:19:03 发布

阅读量1.3w

点赞数 19

分类专栏：调试文章标签：浏览器调试审查元素与查看网页源代码的区别

本文链接：https://blog.csdn.net/u010865136/article/details/109857046

版权

调试专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一、误区

打开浏览器任意一个页面，右键单击页面有两个很相似的选项：“查看网页源代码（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、“查看网页源代码”看到的效果