Google Chrome即时编辑Javascript

时间:2013-06-16 13:10:38

标签: javascript google-chrome google-chrome-devtools

我试图通过使用谷歌Chrome的devtools来缓解我的生活,因为我试图在飞行中修改页面的javascript,但它似乎表现得出乎意料

我有这个在游戏的每一帧都被调用的功能

View.prototype.onHit = function() {
    for(var i = 0; i < this.obstacles.length; i++) {
        if(this.obstacles[i].dealsDamage) {
            //deal damage
        } else {
            //do something else
        }
    }
}

当我在chromes“Sources选项卡”上打开它并暂停执行并添加一些简单的内容,例如

console.log("hey");

它开始在控制台上按预期打印文本“嘿”但是我修改了一些代码,例如if check to

        if(!this.obstacles[i].dealsDamage) {
            //do something else
        } else {
            //deal damage
        }

反转行为并保存文档,代码不生效,日志源更改为View.js(旧)

之后我改变的任何内容都不会影响正在运行的javascript

Screenshot from console

1 个答案:

答案 0 :(得分:2)

“(旧)”脚本通常只应在应用更复杂的更改时出现。也就是说,如果您使用外部范围内的变量更改函数参数编号或启动(并且悲伤地停止)。

如果实时编辑无法在您描述的简单用例中工作,那么向http://crbug.com提交文件可能是件好事