Chrome使用Live Edit进行了哪些更改?

时间:2013-12-07 09:34:22

标签: google-chrome intellij-idea webstorm

http://plugins.jetbrains.com/plugin/7007的实时编辑页面显示“自0.5版以来,LiveEdit仅作为JavaScript调试会话的一部分。”。这对我来说很好。

John Lindquist在https://www.youtube.com/watch?v=wCVwdvufTds的实时编辑演示(非常棒!)显示Chrome在没有重新加载的情况下获取DOM更改。仍然是静态页面,但绝对不仅仅是Javascript调试。

并非每个人都可以在服务器上使用一个静态文件,并且页面也使用动态加载的代码(例如AngularJS中的部分代码)。

Chrome在没有按下重新加载按钮的情况下会进行哪些更改?

2 个答案:

答案 0 :(得分:2)

LiveEdit使用hotswap同步html,css和javascrit - 浏览器选项卡未重新加载。但是PHP和布局文件(smarty,twig)可以使用重新加载进行同步。另请注意,javascript代码中的每次更改都不会导致页面立即更新:新代码会立即加载到浏览器中,但只有当您执行某些操作才能触发此新代码时,更改结果才会显示。例如,如果更改onClick处理程序并在alert中写入新文本,则单击后将看到新文本而不重新加载页面。 但是如果JS代码仅在页面加载时执行(而不是在特定事件上),则必须手动重新加载页面以查看结果 - 实时编辑不会强制执行新代码

还有一点需要注意:AngularJS的实时编辑目前无法按预期工作 - 请参阅WEB-7734及相关的门票

答案 1 :(得分:0)

顺便说一下,你可以在描述伪实时编辑代码中找到(对于使用AHK的Windows用户很有用)。 请给它一个像;) http://www.youtube.com/watch?v=k0QFoAkKEwM