WebStorm debug JS示例

1. 首先要安装WebStrom以及在Chrome浏览器里配置好Live Edit插件。具体步骤参见http://hi.baidu.com/shaw_cd/item/8af86aa0e6c098a029ce9d1e

2. 运行WebStrom,创建一个web project。

3. 修改index.html文件如下:





JavaScript 能够直接写入 HTML 输出流中:

您只能在 HTML 输出流中使用 document.write。 如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。

4. 设置断点,选择index.html文件,从右键菜单打开debug。调试界面如下图:

WebStorm debug JS示例_第1张图片

5. Chrome运行结果如下图:

WebStorm debug JS示例_第2张图片

你可能感兴趣的:(WebStorm)