为什么index.hmtl文件和视图元素部分的chrome有所不同？

Question

我正在运行游戏的基本javascript文件。我试图更改要自定义的div类播放器名称，但是由于某些原因，当我更改文本时，它不会更新到屏幕上。在此示例中，源页面的HTML文件中的div元素中没有写入文本。当我右键单击该元素并查看页面源代码时，出现了我尚未编写的文本。这是Chrome中的错误还是我遗漏了一些明显的东西？

我有 1）清除Chrome中的缓存历史记录 2）退出并重新启动Chrome 3）退出并重启升华文字。 4）阅读这篇文章，但没有运气。 Chrome Developer Tools caches old version of JavaScript files

Answer 1

“元素”选项卡显示DOM当前状态的表示。随着脚本对DOM的修改，此更新也随之更新。

Sources选项卡仅显示加载文件时解析的原始源代码。它还将包含在加载过程中document.write()添加到源代码流中的所有内容（我怀疑如果以后用document.write()重新打开文档，它将替换掉它，但我尚未确认） 。但是，此处未显示脚本在页面加载后对DOM所做的更改，它们不属于页面源代码。

Answer 2

为防止捕获，请在HTML的Head标记下添加以下行：

<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate" />
<meta expires="Sat, 26 Jul 1997 05:00:00 GMT" />
<meta pragma="no-cache" />

顺便说一句，您是否知道要清除测试页的内容，您可以长按“重新加载”按钮并选择最后一个选项吗？在打开DevTools的同时进行此操作。