如何在 Chrome Dev Tools 中编辑 Html 中的 Javascript
[英]how to edit Javascript in Html in Chrome Dev Tools
问题描述
我们可以在 Chrome DevTools 的 Sources 面板中编辑和执行 *.js 文件中的 JavaScript 代码。 但是，如果js代码来自*.html文件，除了添加断点之外，我们还能如何编辑和执行呢？
1 个解决方案
解决方案1
2 2017-03-30 02:46:02
在 Chrome Dev Tools 中，您可以设置一个“工作区”，当您对文件进行更改时，它会保存在本地并在浏览器中显示更改。
请按照此 Google 指南进行设置。 它很容易遵循并带有屏幕截图，如果您需要进一步的帮助，请回消息。
链接说明： https : //developers.google.com/web/tools/setup/setup-workflow
解决方案2
2 已采纳 2017-03-30 02:49:33
您需要做的就是在开发工具元素选项卡（即您的* .html文件）中双击您正在查看的脚本。 您也可以右键单击并选择“编辑为HTML” 以下是在开发工具中编辑html的概述。
完成后，您可以通过右键单击并选择“保存”或“另存为”来保存编辑。
希望这可以帮助！
如何获得Chrome开发工具，以允许我在生产环境中编辑缩小的JavaScript？
[英]How do I get Chrome Dev Tools to allow me to edit minified JavaScript in production?
像 JavaScript 中的 Chrome Dev Tools 一样突出显示 HTML 元素
[英]Highlight HTML element just like the Chrome Dev Tools in Javascript
Chrome 开发工具：如何查看 HTML 元素的附加事件侦听器
[英]Chrome dev tools: How to see attached event listeners for an HTML element
如何在使用 chrome 开发工具时保持元素显示在 HTML 中
[英]How to keep an element displayed in HTML while using chrome dev tools
如何判断哪个版本的javascript chrome dev工具正在运行？
[英]How to tell what version of javascript chrome dev tools is running?
如何使用chrome dev工具查看javascript发送的http请求
[英]How to use chrome dev tools to view http requests sent by javascript
如何在Chrome Dev Tools中为自定义类计算javascript类名？
[英]How are javascript class names calculated for custom classes in Chrome Dev Tools?
如何使用 JavaScript（来自 Dev Tools）在 Chrome 中保存完整页面？
[英]How to save a complete page in Chrome using JavaScript (from Dev Tools)?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
无法在Chrome开发者工具中编辑JavaScript
无法在 Chrome 开发工具的“源”选项卡中编辑 HTML
如何获得Chrome开发工具，以允许我在生产环境中编辑缩小的JavaScript？
像 JavaScript 中的 Chrome Dev Tools 一样突出显示 HTML 元素
Chrome 开发工具：如何查看 HTML 元素的附加事件侦听器
如何在使用 chrome 开发工具时保持元素显示在 HTML 中
如何判断哪个版本的javascript chrome dev工具正在运行？
如何使用chrome dev工具查看javascript发送的http请求
如何在Chrome Dev Tools中为自定义类计算javascript类名？
如何使用 JavaScript（来自 Dev Tools）在 Chrome 中保存完整页面？
相关标签