是否可以通过 Firebug 动态替换 JavaScript 片段答案

【问题标题】：Is it possible to replace JavaScript snippets on the fly through Firebug是否可以通过 Firebug 动态替换 JavaScript 片段
【发布时间】：2021-02-26 15:43:36
【问题描述】：

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

例如我知道这行导致了JS错误，

if(someVar.length == 10)

所以我想换成

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

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

【问题讨论】：

我找到了更好的解决方案，Fiddler。它不仅与浏览器无关，还允许我拦截每个 HTTP 请求并即时修改响应，而无需访问主机。

标签： firebug google-chrome-devtools

【解决方案1】：

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

【讨论】：

【解决方案2】：

_{（来源：fidelitydesign.net）}

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

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

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

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

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

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

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

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

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

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

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

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

【讨论】：