Webstorm设置Casperjs运行和调试环境, 应该也适用于其他js库

Casperjs是一个用于调用Phantomjs这个无界面浏览器的一个库,但是写代码的时候确会发现无法调试的问题,代码有问题直接结束, 没有任何提示信息,现在记录下设置过程.

1, 首先设置websotm的Casperjs的运行环境,点击运行图标旁边的Edit Configurations如图:

casperjs_set.png

A: 设置Casperjs的运行目录
B: 设置调试的地址, 设置后能在Chrome中进行调试

然后运行:

2,打开Chrome浏览器, 输入http://localhost:9000 回车会进入一个页面
在页面中会有个 about:blank 的超链接, 点击会出现一个调试界面, 点击左下角的第二个图标, 打开一个运行界面, 敲入 __run(), 回车, 你的代码就开始运行了
然后在打开http://localhost:9000, 你会发现多了一个链接, 点击后就是你代码中访问的页面了, 调试的话就在代码中插入debugger 语句就能进行debug

 debugger;