使用 Eclipse 调试 Chrome 的脚本

Google Chrome 发布了基于 Eclispe 的调试工具  Chrome Developer Tools , 调试需要Chrome 3.0.189.0 以上版本。

这样我们就可以使用Eclipse远程调试Chrome的代码了。

 

一点点准备工作:

 

1. 调试前我们的先安装 Chrome Developer Tools .

 打开 Eclipse 新建一个 Update Site 就可以完成安装

 http://chromedevtools.googlecode.com/svn/update/dev/

 

2. 开启 Chrome 的远程调试模式

执行chrome 带以下参数

 

window:

chrome --remote-shell-port=9222

 

mac:

./Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-shell-port=9222

 

当然端口是可以配置的。

 

3.打开Eclipse添加一个调试配置

 

开始调试:

 

1.绑定进程
 
由于 Chrome 是多进程的浏览器,所以调试的时候,我们需要在Eclispe里绑定独立的标签进程。
 
 
 
 
2. 设置断点
 
不知道什么原因,绑定后,无法直接暂停脚本运行,除非遇到脚本错误。不过我们可以给也脚本设置debug,让调试器生效。
 
  
在代码中设置 debugger 断点
 
  
看程序停下来了,这样就可以做调试了。

 



[本日志由 puterjam 于 2009-08-06 04:35 PM 编辑]
上一篇: QZFL Core Cheat sheet
下一篇: 参加webrebuild.ORG第三周年座谈会
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: chrome debug remote
相关日志:
评论: 10 | 引用: 0 | 查看次数: -
sd1[2009-10-21 04:46 PM | | | 219.133.62.73 | del | 回复回复]
该不会是tx研究院搞的吧。。
eeee[2009-10-13 10:43 PM | | | 61.145.63.122 | del | 回复回复]
顶下啦
新博父[2009-08-21 01:56 PM | | | 218.104.244.126 | del | 回复回复]
我的博克儿
www.wou148.cn
---------------------
新科博父!借贵博广而告之一下!
qqmc77[2009-08-15 07:35 PM | | | 61.131.246.147 | del | 回复回复]
现在才知道还有些功能
spawn[2009-08-15 03:26 PM | | | 115.173.94.52 | del | 回复回复]
下套pgblog3研究下,看起挺不错的
12312323123[2009-08-13 08:30 PM | | | 123.233.229.88 | del | 回复回复]
11
风湿类风湿关节炎[2009-08-13 09:54 AM | | | 123.12.133.115 | del | 回复回复]
不错啊啊
www.zkhszyy.com
linknk[2009-08-11 01:26 AM | | | 122.233.210.48 | del | 回复回复]
测试下评论
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱:
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 500 字 | UBB代码 开启 | [img]标签 关闭