chrome 开发工具 - Element 中的 JavaScript 代码不完整

Question

我在谷歌浏览器的某个网站上对javascript进行了一些修改，以查看网页上出现的变化。

我观察到我无法在开发人员工具的元素选项卡上看到完整的 javascript 代码。源选项卡上存在相同的代码，可以修改它，但这些修改不起作用，一旦加载 DOM，它就不起作用。这是我得到的截图：

它处于 HTML 编辑模式，此脚本是 html 页面的一部分.... at 最后，它不是一个完整的脚本。

屏幕截图：

有没有办法在元素选项卡中完成它或修改脚本的任何其他方式？

Answer 1

如果您右键单击标记并选择“编辑为 HTML”，您将能够访问整个脚本，而无需连字符。

Answer 2

您将无法通过源选项卡更改 Javascript 代码并期望它在重新加载时运行您的新代码。如果您想使用 Google Chrome 开发者工具在网站上运行 Javascript，我建议您使用控制台选项卡并添加您想在网站上运行的代码。它不会保存，但它本质上与注入 Javascript 以在网站上运行相同。