Question

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

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

if(someVar.length == 10)

所以我想用

交换它

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

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

Answer 1

Chrome DevTools supports this feature，在那里称为Live Edit。

Answer 2

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

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

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

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

选择树中任何行的空白区域，然后双击它。

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

使用静态文本，数字或等式更新值。

编写命令行JavaScript表达式，以包含代替静态常量的内容。按“Enter”键，将评估命令行，并显示变量的结果。

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

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

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

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

enter image description here