firebug - 是否可以通过 Firebug 动态替换 JavaScript 片段

Question

有没有办法通过 Firebug/Chrome DevTools 替换 JS 文件中的一行代码。我知道可以交换 css 类。JS可以吗？

例如我知道这条线导致了一个 JS 错误，

if(someVar.length == 10)

所以我想把它换成

if(someVar && someVar.length == 10)

我的目的是在开始修复错误之前在生产服务器上进行快速修复演示。

Answer 1

Chrome DevTools 支持此功能：[1]，[2]；它在那里被称为实时编辑。

Answer 2

_{（来源：fidelitydesign.net）}

您可以使用 Firebug 控制台选项卡来编写 Javascript。在将其集成到我的项目中之前，我使用了很多快速的代码原型。当您使用控制台时，javascript 在当前页面的上下文中执行。因此，当前为该页面定义的脚本可能会被重新定义。例如，在控制台窗口中，我可以这样做：

$ = function() { alert("Whoops"); }

...这将重新定义$JQuery 使用的函数。

导航到要修改的网站源代码上的文档对象模型查看窗格。

选择树中任意行的空白区域并双击它。

通过步骤 1 后弹出的编辑器更改变量的值。

使用静态文本、数字或方程式更新值。

为要包含的内容编写一个命令行 JavaScript 表达式来代替静态常量。按“Enter”并计算命令行并显示变量的结果。

通过按 Tab 键使用自动完成功能在源代码中的对象属性中前进。继续浏览所有选项，然后按“Shift-Tab”在代码中倒退。

立即在顶部网站窗格中查看您的更改。继续进行更改，直到您对网站的显示方式感到满意为止。

您可以使用 Firerbug 实时编写和执行 JavaScript。这是在将脚本部署到生产环境之前测试并确保脚本正常工作的好方法。

打开 Firebug 并编写代码，如图所示。按回车。您将立即看到代码的输出。