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

Question

我正在Google Chrome浏览器的某些网站上的javascript中进行了一些修改，以查看网页上显示的更改。

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

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

屏幕截图：

有什么方法可以在“元素”选项卡中完成它，还是可以通过其他任何方式来修改脚本？

Answer 1

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

Answer 2

如果您在标签上单击鼠标右键，然后选择“以HTML格式编辑”，则无需连字符即可访问整个脚本。