如何在Chrome开发工具中编辑Html中的Javascript

时间:2017-03-30 02:43:06

标签: javascript google-chrome-devtools javascript-debugger

我们可以在Chrome Dev工具的Sources面板中编辑和执行* .js文件中的js代码。
如果js代码来自* .html文件,除了在那里添加断点外,我们如何编辑和执行它们。
感谢。

2 个答案:

答案 0 :(得分:2)

您需要做的就是双击您在开发工具元素标签中查看的脚本(即您的* .html文件)。您也可以右键单击并选择“编辑为HTML”。 Here是在dev工具中编辑html的概述。

完成后,您可以通过右键单击并选择"保存"来保存编辑内容。或"另存为"。

希望这有帮助!

答案 1 :(得分:1)

在Chrome开发者工具中,您可以设置“工作区”,当您对文件进行更改时,它将在本地保存,并在浏览器中显示更改。

请按照此Google指南进行设置。它很容易关注并有截图,如果您需要进一步的帮助,请回复。

与说明关联:https://developers.google.com/web/tools/setup/setup-workflow