【发布时间】：2021-08-06 00:01:16
【问题描述】：
我正在尝试制作自己的 chrome 扩展程序。我做到了。但是使用 javascript 更改 html dom 存在问题。我无法更改源代码。它仅适用于网页界面。当我单击源代码时，我需要查看我的新 html 标签。
【问题讨论】：
标签： javascript google-chrome dom google-chrome-extension
【发布时间】：2021-08-06 00:01:16
【问题描述】：
没有。您不能更改“源代码”，或者至少不能像使用 DOM 那样更改。
查看源查看从源发回的原始数据（在本例中为代码）（因此称为“源代码”）。
要查看更改，您必须打开 devtools 并转到“元素”，或者使用查看渲染源的扩展程序，例如 this extension。
源代码是“静态的”（我的意思是静态的，即使网页被渲染和变异后也不会改变。从技术上讲，服务器可以根据需要发送不同的响应，但对于这种情况，我们会说它是“静止的”）。它不会像 DOM 那样改变。源代码由浏览器呈现到网页中，然后您可以通过脚本或开发工具访问 DOM。源代码只是原始数据，您不能像使用 DOM 那样“更改”它。这是一个很好的 SO Q/A，向您展示了 DOM 和源代码之间的区别：What is the difference between source code and DOM?
不过，您可以做的是通过chrome.webRequest 改变请求，我相信这也允许您改变请求响应（基本上将您的扩展程序变成代理）。
在此处阅读有关chrome.webRequest 的更多信息：https://developer.chrome.com/docs/extensions/reference/webRequest/
【讨论】：