javascript - Google Chrome 即时编辑 Javascript

标签 javascript google-chrome google-chrome-devtools

我尝试通过使用 Google Chrome 的开发工具来简化我的生活,并且我尝试动态修改页面的 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
        }
    }
}

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

console.log("hey");

它开始按预期在控制台上打印文本“hey”,但是当我修改一些代码(例如 if 检查到

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

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

此后我所做的任何更改都不会影响正在运行的 javascript

Screenshot from console

最佳答案

“(旧)”脚本通常仅在应用更复杂的更改时才会出现。也就是说,如果您更改函数参数编号或使用外部作用域中的变量开始(并遗憾地停止)。

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

关于javascript - Google Chrome 即时编辑 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17133692/

相关文章:

javascript - 使用 RxJS 进行响应式编程 - 这个滚动功能可以简化吗?

javascript - 如何在 Javascript 中制作每个句子

javascript - 在 javascript 中使用 lable.innerHTML 的标签集文本在回发后丢失

css - 跨浏览器字体/颜色问题 - Chrome/Safari

node.js - Chrome 中的 "Unexpected response code: 503"。也许与heroku上的socket.io有关?

css - 如何使用开发工具查找插件项的 css 类

javascript - 如何中断当前正在运行的 JavaScript

尽管有多个事件监听器,Javascript 函数仅调用一次

google-chrome - 更改 Chrome 中的状态栏

html - SVG 未在最新版本的 Chrome 中显示