首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用Chrome开发人员工具编辑Javascript

使用Chrome开发人员工具编辑Javascript
EN

Stack Overflow用户
提问于 2012-09-26 08:58:59
回答 4查看 90.3K关注 0票数 100

我正在尝试使用Chrome的开发人员工具编辑网站上的javascript。我已经阅读了大约30个关于如何做到这一点的账户,还看了一些视频。事实是,当我转到sources选项卡并打开我想要编辑的文件时,我无法对其执行任何操作。我是否遗漏了什么步骤?

我可以创建断点,单步执行,等等。我就是不能编辑。最近是否删除了此功能?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-04-03 21:53:14

我知道这个问题已经过时了,但我刚刚遇到了一个类似的问题,并找到了解决方案。

如果你美化了文件,Chrome将不允许编辑。我把它关掉了,然后就可以编辑了。愿意打赌这是/曾经是你的问题。

票数 115
EN

Stack Overflow用户

发布于 2012-12-08 04:32:32

你可以在开发者工具的“源”标签上编辑javascript,但它只允许你在它自己的文件中编辑javascript。嵌入在HTML (或PHP)文件中的脚本将保持只读状态。

票数 55
EN

Stack Overflow用户

发布于 2015-03-27 03:38:42

我不知道你是否需要永久保存它,但是如果你只需要临时修改js:

我可以将想要修改的javascript复制到文本编辑器中,对其进行编辑,然后将其粘贴到控制台中,它将重新定义任何函数或任何需要重新定义的内容。

例如,如果页面具有:

<script>
var foo = function() { console.log("Hi"); }
</script>

我可以在脚本之间获取内容,编辑它,然后将其输入到调试器中,如下所示:

foo = function() { console.log("DO SOMETHING DIFFERENT"); }

这对我来说很管用。

或者如果你喜欢的话,

function foo() {
    doAThing();
}

你可以直接输入

function foo() {
    doSomethingElse();
}

而foo将被重新定义。

可能不是最好的解决方法,但它是有效的。将一直持续到您重新加载页面。

票数 14
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12593168

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档