审查元素 关于审查元素与查看网页源码的区别

我不知道你有没有注意到，但是当我们用chrome浏览器打开任何网页时，右击页面有两个非常相似的选项

就是查看web源代码并检查。

之前我一直以为这两个选项没有区别，但是chrome既然列出了这两个选项，自然就说得通了。

看一个简单的页面:

复制代码

代码如下:

& lt！DOCTYPE html>。

& lthtml lang="en " >

& lthead>。

& ltmeta charset="UTF-8 " >;

& lttitle>。测试1<。/title>。

& lt>。

窗户。=function{

Document.getelementbyid 。innerhtml = "这是JS生成的句子。"；

}

& lt/>。

& lt/head>。

& ltbody>。

& ltp id="p1">。& lt/p>。

& lt/body>。

& lt/html>。

网页中的显示效果为:

我们回顾元素

你会发现

在网页源代码中，

这句话是JS动态生成的。

所以查看元素和查看网页源代码还是有点区别的。这个区别可以说是源代码和DOM的区别。当我们查看元素时，我们实际上查看的是DOM，已经被渲染了，而我们查看网页源代码时看到的是未解析的源代码。以上是本文的全部内容，希望对大家的学习和工作有所帮助。

《回到物质圈》Sucaiq.Com看更多

如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢各位对物质圈的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！

材料圈_网站建设免费材料下载平台:httP://www.sucaiq.com