我如何在Chrome调试器中“动态”编辑JavaScript代码?它不适合我,所以我没有权限访问源文件。我想编辑代码,看看它们对页面有什么影响,在这种情况下,阻止动画排队一堆次。
当前回答
现在谷歌chrome引入了新功能。通过使用此功能,您可以在chrome浏览器中编辑您的代码。(永久更改代码位置)
按F12—>源标签—(右侧)—>文件系统—在其中请选择您的代码位置。然后chrome浏览器会请求你的许可,之后的代码将下沉与绿色。你可以修改你的代码,它也会反映你的代码位置(这意味着它将永久改变)
谢谢
其他回答
你可以在Chrome开发者工具的“脚本”选项卡下使用内置的JavaScript调试器(在后来的版本中是“源代码”选项卡),但是你应用到代码上的更改只在执行时经过它们时才会显示出来。这意味着对页面加载后未运行的代码的更改不会产生影响。不像对驻留在鼠标悬停处理程序中的代码的更改,您可以在运行中测试。
有一个视频从谷歌I/O 2010事件介绍Chrome开发工具的其他功能。
很简单,转到“脚本”选项卡。然后选择你想要的源文件,双击任意一行进行编辑。
我正在寻找一种方法来更改脚本并调试新脚本。我的方法是:
在要更改和调试的脚本的第一行中设置断点。 重新加载页面,以便击中断点 粘贴新脚本并在其中设置所需的断点 Ctrl+s,页面将刷新,导致第一行中的断点被击中。 F8继续,现在你新粘贴的脚本替换原来的一个,只要没有重定向和重新加载。
放置断点 右键单击断点并选择“编辑断点” 插入代码。使用SHIFT+ENTER创建新行。
如果它的javascript运行在一个按钮点击,然后在Sources>Sources(在chrome开发人员工具中)下进行更改,并按Ctrl +S保存,就足够了。我一直都这么做。
如果你刷新页面,你的javascript更改会消失,但chrome仍然会记住你的断点。
推荐文章
- 给一个数字加上st, nd, rd和th(序数)后缀
- 如何以编程方式触发引导模式?
- setTimeout带引号和不带括号的区别
- 在JS的Chrome CPU配置文件中,'self'和'total'之间的差异
- 用javascript检查输入字符串中是否包含数字
- 如何使用JavaScript分割逗号分隔字符串?
- 在Javascript中~~(“双波浪号”)做什么?
- 谷歌chrome扩展::console.log()从后台页面?
- 未捕获的SyntaxError:
- [].slice的解释。调用javascript?
- jQuery日期/时间选择器
- 我如何预填充一个jQuery Datepicker文本框与今天的日期?
- 数组的indexOf函数和findIndex函数的区别
- jQuery添加必要的输入字段
- Access-Control-Allow-Origin不允许Origin < Origin >