我如何在Chrome调试器中“动态”编辑JavaScript代码?它不适合我,所以我没有权限访问源文件。我想编辑代码,看看它们对页面有什么影响,在这种情况下,阻止动画排队一堆次。
当前回答
如果它的javascript运行在一个按钮点击,然后在Sources>Sources(在chrome开发人员工具中)下进行更改,并按Ctrl +S保存,就足够了。我一直都这么做。
如果你刷新页面,你的javascript更改会消失,但chrome仍然会记住你的断点。
其他回答
这就是你要找的东西:
1.—进入“Source”页签,打开javascript文件
2.-编辑文件,右键单击,弹出菜单:单击“保存”,保存到本地。
为了查看差异或恢复您的更改,右键单击并选择选项“本地修改…”菜单上的。如果展开显示的时间戳,您将看到您的更改相对于原始文件有所不同。
更多详细信息请访问:http://www.sitepoint.com/edit-source-files-in-chrome/
如果它的javascript运行在一个按钮点击,然后在Sources>Sources(在chrome开发人员工具中)下进行更改,并按Ctrl +S保存,就足够了。我一直都这么做。
如果你刷新页面,你的javascript更改会消失,但chrome仍然会记住你的断点。
我正在寻找一种方法来更改脚本并调试新脚本。我的方法是:
在要更改和调试的脚本的第一行中设置断点。 重新加载页面,以便击中断点 粘贴新脚本并在其中设置所需的断点 Ctrl+s,页面将刷新,导致第一行中的断点被击中。 F8继续,现在你新粘贴的脚本替换原来的一个,只要没有重定向和重新加载。
Chrome覆盖
在sources面板中打开JS文件。
右击脚本src URL >显示在源代码面板
确保选中“启用本地覆盖”。
右键单击JS文件>保存覆盖的任何地方
都准备好了!
只需编辑文件,并使用CMD/CTRL + s保存。现在无论何时刷新页面,它都会使用修改后的文件。(只要文件名不变)
如果您在文件图标中看到一个紫色的点,您就知道它正在工作。
现在谷歌chrome引入了新功能。通过使用此功能,您可以在chrome浏览器中编辑您的代码。(永久更改代码位置)
按F12—>源标签—(右侧)—>文件系统—在其中请选择您的代码位置。然后chrome浏览器会请求你的许可,之后的代码将下沉与绿色。你可以修改你的代码,它也会反映你的代码位置(这意味着它将永久改变)
谢谢
推荐文章
- JavaScript: override alert()
- 重置setTimeout
- 如何确保<select>表单字段被禁用时提交?
- jQuery有不聚焦的方法吗?
- 反应钩子-正确的方式清除超时和间隔
- TypeScript枚举对象数组
- 在React.js中正确的img路径
- 在React.js中更新组件onScroll的样式
- onClick ReactJS调用多个函数
- 如何在JavaScript中转义单引号(')?
- Chrome开发工具:如何找出什么是覆盖CSS规则?
- Ng-repeat结束事件
- 谷歌MAP API未捕获的类型错误:无法读取属性“offsetWidth”为空
- 模糊vs聚焦-有什么真正的区别吗?
- 如何使用JavaScript创建和样式一个div ?