<?xml version="1.0" encoding="UTF-8"?>
  <feed xmlns="http://www.w3.org/2005/Atom">
  <title type="html"><![CDATA[PuterJam's Blog]]></title>
  <subtitle type="html"><![CDATA[关注互联网~ 关注前端技术~]]></subtitle>
  <id>http://www.pjhome.net/</id>
  <link rel="alternate" type="text/html" href="http://www.pjhome.net/" /> 
  <link rel="self" type="application/atom+xml" href="http://www.pjhome.net/atom.asp" /> 
  <generator uri="http://www.pjhome.net/" version="2.8">PJBlog3</generator> 
  <updated>2010-02-08T16:44:20+08:00</updated>

  <entry>
	  <title type="html"><![CDATA[我的Qzone应用插件 for chrome ]]></title>
	  <author>
		 <name>puterjam</name>
		 <uri>http://www.pjhome.net/</uri>
		 <email>puterjam@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.pjhome.net/default.asp?cateID=1" label="Javascript" /> 
	  <updated>2010-02-08T16:44:20+08:00</updated>
	  <published>2010-02-08T16:44:20+08:00</published>
		  <summary type="html"><![CDATA[<p>&nbsp;<img alt="" src="http://www.pjhome.net/download.asp?id=60" /></p>
<p>研究了chrome的插件编写方式，刚好结合我们的Qzone的APP写了一个应用。 欢迎大家尝鲜&nbsp;<strong>:P</strong></p>
<p>写chrome插件给人的感觉还是挺爽的。很强很html5。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>安装请步移：</strong></p>
<p><a href="https://chrome.google.com/extensions/detail/mfibffkabmegiiapfkpdcpmhcigkncac?hl=zh-CN">https://chrome.google.com/extensions/detail/mfibffkabmegiiapfkpdcpmhcigkncac?hl=zh-CN</a></p>
<p>&nbsp;</p>
<p><strong>*如果无法下载，请配以下host:</strong></p>
<p>74.125.39.99 chrome.google.com</p>
<p>74.125.47.139 clients2.google.com</p>
<p>&nbsp;</p>
<p><span style="color: rgb(128, 128, 128); ">对喜欢看代码的同学说的话，看到代码别见怪。源码很乱，第一次写chrome插件没很好得规划</span></p>
<p>&nbsp;</p>
<p><b><br />
</b></p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.pjhome.net/article/Javascript/qzone_app_for_chrome.htm" /> 
	  <id>http://www.pjhome.net/default.asp?id=1018</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[Getting Things Done]]></title>
	  <author>
		 <name>puterjam</name>
		 <uri>http://www.pjhome.net/</uri>
		 <email>puterjam@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.pjhome.net/default.asp?cateID=3" label="Resource" /> 
	  <updated>2009-12-21T12:13:00+08:00</updated>
	  <published>2009-12-21T12:13:00+08:00</published>
		  <summary type="html"><![CDATA[<p><img alt="" src="http://www.pjhome.net/attachments/month_0912/20091221120850.jpg" /></p>
<p>&nbsp;</p>
<p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; ">GTD是英文<i>Getting Things Done</i>的缩写，是一种行为管理的方法，也是<a class="new" title="David Allen (author)（尚未撰写）" style="text-decoration: none; color: rgb(204, 34, 0); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " href="http://zh.wikipedia.org/w/index.php?title=David_Allen_(author)&amp;action=edit&amp;redlink=1">David Allen</a>写的一本书的书名。</p>
<p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; ">GTD的主要原则在于一个人需要通过记录的方式把头脑中的各种任务移出来。通过这样的方式，头脑可以不用塞满各种需要完成的事情，而集中精力在正在完成的事情。</p>
<p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; ">&nbsp;</p>
<p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; ">-----------GTD相关资料-----------</p>
<p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; "><a target="_blank" href="http://zh.wikipedia.org/wiki/GTD">GTD 百科</a>&nbsp;- 来自维基百科<br />
<a title="[GTD]: Getting Things Done! 搞定" href="http://www.chedong.com/blog/archives/000790.html">[GTD]: Getting Things Done! 搞定</a>&ndash;来自&ldquo;车东Blog&rdquo;<br />
<a title="GTD流程图解" href="http://www.chedong.com/blog/archives/001092.html">GTD流程图解</a>&ndash;来自&ldquo;车东Blog&rdquo;<br />
<a title="GTD的基本理念、方法与网络资源" href="http://in.comengo.net/archives/gtd-basic-knowledge/">GTD的基本理念、方法与网络资源</a>&ndash;来自&ldquo;未完成-Incomplete&rdquo;<br />
<a title="尽管去做(无压工作的艺术)" href="http://www.douban.com/subject/1085660/">尽管去做(无压工作的艺术)</a>&ndash;中文版&ldquo;豆瓣&rdquo;书评<br />
<a title="搞定2鍾輕鬆管理工作與生活GETTING THINGS DONE" href="http://www.douban.com/subject/1359272/">搞定2鍾輕鬆管理工作與生活GETTING THINGS DONE</a>&ndash;台版中译本&ldquo;豆瓣&rdquo;简介<br />
<a title="通往GTD的一百步 (February 13, 2007)" href="http://www.lifebang.com/archives/322">通往GTD的一百步</a>&nbsp;- 来自&ldquo;生活帮&rdquo;</p>
<p>&nbsp;</p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.pjhome.net/article/Resource/Getting_Things_Done.htm" /> 
	  <id>http://www.pjhome.net/default.asp?id=1017</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[微软试验性浏览器 Pivot 体验]]></title>
	  <author>
		 <name>puterjam</name>
		 <uri>http://www.pjhome.net/</uri>
		 <email>puterjam@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.pjhome.net/default.asp?cateID=3" label="Resource" /> 
	  <updated>2009-12-01T22:31:38+08:00</updated>
	  <published>2009-12-01T22:31:38+08:00</published>
		  <summary type="html"><![CDATA[<p>微软实验室发布了新一代的<a href="http://www.getpivot.com/" target="_blank">Pivot</a>浏览器，当然浏览器内核没什么变化(看了一下userAgent看到还是ie的内核)，主要是给未来浏览器的一些体验提供了一些参考。以往的Tab导航被移动到了 下方，界面上的tab，收藏都是可以拖拽的。</p>
<p>&nbsp;</p>
<p>当然<a href="http://www.getpivot.com/" target="_blank">Pivot</a>的重点功能在历史功能和相片浏览功能。这两个功能都可以 通过多种方式对相片进行索引和浏览。目前<a href="http://www.getpivot.com/" target="_blank">Pivot</a>还在邀请测试阶段。另外Pivot不支持XP浏览器，而且vista和win7以上还必须支持Aero 界面的硬件支持。不知道Pivot会不会Copy到未来的IE9里面呢？</p>
<p>&nbsp;</p>
<p>另外舜子提交申请了验证码，一但发下来在这 里给大家分享。</p>
<p><img src="http://www.pjhome.net/attachments/month_0912/20091201222841.png" alt="" style="border: 0px none;" /></p>
<p><img src="http://www.pjhome.net/attachments/month_0912/20091201222850.png" alt="" style="border: 0px none;" /></p>
<p><img src="http://www.pjhome.net/attachments/month_0912/20091201222857.png" alt="" style="border: 0px none;" /></p>
<p><img src="http://www.pjhome.net/attachments/month_0912/20091201222907.png" alt="" style="border: 0px none;" /></p>
<p><img src="http://www.pjhome.net/attachments/month_0912/20091201222915.png" alt="" style="border: 0px none;" /></p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.pjhome.net/article/Resource/Pivot.htm" /> 
	  <id>http://www.pjhome.net/default.asp?id=1016</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[IE9 前瞻]]></title>
	  <author>
		 <name>puterjam</name>
		 <uri>http://www.pjhome.net/</uri>
		 <email>puterjam@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.pjhome.net/default.asp?cateID=1" label="Javascript" /> 
	  <updated>2009-11-19T10:32:28+08:00</updated>
	  <published>2009-11-19T10:32:28+08:00</published>
		  <summary type="html"><![CDATA[<p>虽然IE6在依然是很重要的钉子户，但是我们不能放弃关注未来ie的变化。</p>
<p>IE9 的几个关键字： <a target="_blank" href="http://channel9.msdn.com/posts/Charles/IE-9-Surfing-on-the-GPU-with-D2D/">硬件渲染</a>，<a target="_blank" href="http://channel9.msdn.com/posts/Charles/IE-9-First-look-at-the-new-JS-Engine/">新的JS引擎</a>，CSS，<a target="_blank" href="http://channel9.msdn.com/posts/Charles/IE-9-Standards-and-Interoperability/">标准</a></p>
<p><img width="429" height="270" alt="Dean_PDC_4.png" src="http://www.pjhome.net/attachments/month_0911/r20091119103141.png" /></p>
<p>大家期待已久的圆角也将支持了</p>
<p>&nbsp;</p>
<p>不过这里最让大家期待的是硬件渲染(<a target="_blank" href="http://channel9.msdn.com/posts/Charles/IE-9-Surfing-on-the-GPU-with-D2D/">视频演示看这里</a>)的支持。这可以让浏览器性能提高一个很高的档次。</p>
<p>关于新的脚本引擎可以用下图来说明，这个测试是用著名的SunSpider来测试的</p>
<p><img width="480" height="208" alt="Dean_PDC_2.png" src="http://www.pjhome.net/attachments/month_0911/h20091119103138.png" /></p>
<p>更多信息可以从<a target="_blank" href="http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx">官方博客</a>得到 :P</p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.pjhome.net/article/Javascript/early-look-at-ie9.htm" /> 
	  <id>http://www.pjhome.net/default.asp?id=1015</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[Mockingbird 在线的原型设计工具]]></title>
	  <author>
		 <name>puterjam</name>
		 <uri>http://www.pjhome.net/</uri>
		 <email>puterjam@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.pjhome.net/default.asp?cateID=4" label="Web Design" /> 
	  <updated>2009-11-08T00:57:05+08:00</updated>
	  <published>2009-11-08T00:57:05+08:00</published>
		  <summary type="html"><![CDATA[<p><a href="http://gomockingbird.com/" target="_blank">Mockingbird</a> 是基于 <a href="http://cappuccino.org/" target="_blank">Cappuccino</a> 开发的一个在线原型设计工具。</p>
<p>比较喜欢它自动对齐的体验:P 不考虑ie的web app 可以让开发者更加大胆了。</p>
<p><img alt="" src="http://www.pjhome.net/download.asp?id=52" /></p>
<p><span style="font-size: 16px;"><strong>No Flash, No IE, All in Canvas, Apple Style<br />
</strong></span></p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.pjhome.net/article/Web/Mockingbird_visual_mockup_tool.htm" /> 
	  <id>http://www.pjhome.net/default.asp?id=1014</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[firefox 3.6 beta 发布]]></title>
	  <author>
		 <name>puterjam</name>
		 <uri>http://www.pjhome.net/</uri>
		 <email>puterjam@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.pjhome.net/default.asp?cateID=1" label="Javascript" /> 
	  <updated>2009-11-04T11:52:52+08:00</updated>
	  <published>2009-11-04T11:52:52+08:00</published>
		  <summary type="html"><![CDATA[<p><img align="right" alt="" src="http://www.pjhome.net/attachments/month_0804/y200843114944.jpg" />firefox 3.6 beta 发布,增加了不少上流的功能。<br />
<br />
1. window.onhashchange 期待已久的接口，<br />
<a href="https://developer.mozilla.org/en/DOM/window.onhashchange">https://developer.mozilla.org/en/DOM/window.onhashchange</a><br />
<br />
2. http 行为监听，字面意思应该是允许进行一些http的监听工作，类似抓包(应该是给插件提供的接口)<br />
You can now monitor HTTP transactions to observe requests and responses in real time.<br />
<a href="https://developer.mozilla.org/en/Monitoring_HTTP_activity">https://developer.mozilla.org/en/Monitoring_HTTP_activity</a><br />
<br />
3. 全屏视频<br />
<br />
4. 字体支持<br />
<br />
5. 拖拽支持文件直接拖拽<br />
<br />
6. 图片渲染品质缩放算法 类似ie的 -ms-interpolation-mode<br />
<br />
<span style="font-weight: bold;">更多变化请看这里</span><br />
<a href="https://developer.mozilla.org/en/Firefox_3.6_for_developers">https://developer.mozilla.org/en/Firefox_3.6_for_developers</a><br />
<br />
不过这里没有提到真 html 5 （放弃doctype定义）的模式。</p>
<p>下载：<br />
<a href="https://developer.mozilla.org/devnews/index.php/2009/10/30/firefox-3-6-beta-1-is-now-available-for-download/">https://developer.mozilla.org/devnews/index.php/2009/10/30/firefox-3-6-beta-1-is-now-available-for-download/</a></p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.pjhome.net/article/Javascript/firefox_3.6_beta.htm" /> 
	  <id>http://www.pjhome.net/default.asp?id=1013</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[发现自己写日志频率又再次降低]]></title>
	  <author>
		 <name>puterjam</name>
		 <uri>http://www.pjhome.net/</uri>
		 <email>puterjam@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.pjhome.net/default.asp?cateID=5" label="Diary" /> 
	  <updated>2009-10-16T13:08:29+08:00</updated>
	  <published>2009-10-16T13:08:29+08:00</published>
		  <summary type="html"><![CDATA[这年头 SNS 火了，写日志的人少了，也懒了，大家没事就去偷菜。 随着年龄的增长，写日志都变成了压力。 写得不好都会被BS。也难怪twitter会火了， 用一种随意和无责任的方式来记录自己的历程。<br/><br/><strong>学生时代，用写日志记录心情，工作时代，用写心情记录日志。</strong>退休后会怎样呢？]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.pjhome.net/article/Diary/diary20091016.htm" /> 
	  <id>http://www.pjhome.net/default.asp?id=1012</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[CSS 3.0 参考手册 (中文版)]]></title>
	  <author>
		 <name>puterjam</name>
		 <uri>http://www.pjhome.net/</uri>
		 <email>puterjam@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.pjhome.net/default.asp?cateID=4" label="Web Design" /> 
	  <updated>2009-08-24T12:11:38+08:00</updated>
	  <published>2009-08-24T12:11:38+08:00</published>
		  <summary type="html"><![CDATA[<p><img alt="" src="http://www.pjhome.net/attachments/month_0908/20090824120842.png" />&nbsp;</p>
<p><span style="font-size: 14px; ">公司的页面同学们，利用业余时间整理出了一份比较完整的CSS 3.0 参考手册，非常不容易。手册是根据W3C的CSS3草案翻译，并且结合实际的示范结合而成。每一页都倾注了每一个同学的心血。</span></p>
<p>&nbsp;</p>
<p><span style="font-size: 14px; ">预览页面：</span></p>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; font-size: 1.2em; text-indent: 0px; text-align: center; "><img title="CSS 3.0 参考手册 (中文版) 预览" alt="" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " src="http://webteam.tencent.com/css3/css3_scrn.png" /></p>
<h2 style="margin-top: 15px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: georgia; font-size: 1.4em; clear: both; color: rgb(197, 5, 0); ">下载地址：&nbsp;<a target="_blank" href="http://webteam.tencent.com/css3/">http://webteam.tencent.com/css3/</a></h2>
<p>&nbsp;</p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.pjhome.net/article/Web/css3_reference_manual.htm" /> 
	  <id>http://www.pjhome.net/default.asp?id=1011</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[参加webrebuild.ORG第三周年座谈会]]></title>
	  <author>
		 <name>puterjam</name>
		 <uri>http://www.pjhome.net/</uri>
		 <email>puterjam@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.pjhome.net/default.asp?cateID=5" label="Diary" /> 
	  <updated>2009-08-22T10:34:50+08:00</updated>
	  <published>2009-08-22T10:34:50+08:00</published>
		  <summary type="html"><![CDATA[<p style="text-align: center;"><img src="http://webrebuild.org/images/beta.png" alt="" /></p>
<p>彪叔发起的webrebuild已经三周年了，应邀请在会上做一个PPT分享。</p>
<p><br />
<span style="color: rgb(0, 204, 0);"><strong>/**@fileoverview webrebuild.ORG第三周年座谈会</strong> */</span><br />
时间：2009-08-22 14:00 &ndash; 2009-08-22 18:00<br />
地点：深圳-华侨城生态广场-午后浓香咖啡厅<br />
说明：webrebuild.ORG的成立日为2007年8月18日，今年为第三年年会，因为本年的8月18日为工作日所以延迟至22号举行。<br />
座谈会内容：相互见面、交流、探讨webrebuild的发展路向；其间有业界大牛分享如下：<br />
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; 腾讯－陈子舜（PJBlog作者）《第一现场》<br />
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; 迅雷－黄疑凝（迅雷在线主重构设计师）《暂定：仓促中的页面构建》<br />
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; 迅雷－汪洋（迅雷网游页面重构师）《暂定：居中背景图片显示问题》<br />
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; 网易－鲁齐 《公用模板的重构》<br />
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; 腾讯－梁璟彪（重构纹身佬）《一专多长》<br />
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; 便利中国－何传烽<br />
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; 珍爱网－胡玉柱，纪海丹等<br />
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; 腾讯－辛春红《前瞻性研究-RDFa》<br />
座谈会费用：AA制、预计100元/人。<br />
预定人数：30人以上。<br />
参与条件：将预约信件发送到<a href="http://www.pjhome.net/mailto:herman.zhang@gmail.com">herman.zhang@gmail.com</a>，抄送到<a href="http://www.pjhome.net/mailto:twinsenliang@gmail.com">twinsenliang@gmail.com</a>。<br />
主办方：<a target="_blank" href="http://www.webrebuild.org/">http://www.webrebuild.org</a></p>
<p>&nbsp;</p>
<p>附上我的PPT的第一页, 会后再给大家分享出来:P</p>
<p><img src="http://www.pjhome.net/attachments/month_0908/20090822103356.png" alt="" /></p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.pjhome.net/article/Diary/1010.htm" /> 
	  <id>http://www.pjhome.net/default.asp?id=1010</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[使用 Eclipse 调试 Chrome 的脚本]]></title>
	  <author>
		 <name>puterjam</name>
		 <uri>http://www.pjhome.net/</uri>
		 <email>puterjam@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.pjhome.net/default.asp?cateID=1" label="Javascript" /> 
	  <updated>2009-08-06T16:29:11+08:00</updated>
	  <published>2009-08-06T16:29:11+08:00</published>
		  <summary type="html"><![CDATA[<p style="text-align: center; "><img alt="" title="在新窗口打开图片" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; max-width: 99%; height: auto; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); cursor: pointer; " src="http://www.pjhome.net/attachments/month_0906/20090628013518.jpg" /></p>
<p>Google Chrome 发布了基于 Eclispe 的调试工具&nbsp;&nbsp;<a target="_blank" href="http://code.google.com/p/chromedevtools/">Chrome Developer Tools</a>&nbsp;, 调试需要Chrome 3.0.189.0 以上版本。</p>
<p>这样我们就可以使用Eclipse远程调试Chrome的代码了。</p>
<div style="background-color: rgb(255, 255, 255); padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; ">
<div>
<div id="ectocontent">
<div>
<div>
<p>&nbsp;</p>
<h2>一点点准备工作:</h2>
<p>&nbsp;</p>
<p><span style="font-size: 14px; "><b>1. 调试前我们的先安装</b>&nbsp;</span><a target="_blank" href="http://code.google.com/p/chromedevtools/"><span style="font-size: 14px; ">Chrome Developer Tools</span></a><span style="font-size: 14px; ">&nbsp;.<br />
<br type="_moz" />
</span></p>
<p><span style="font-size: 14px; ">&nbsp;打开 Eclipse 新建一个 Update Site 就可以完成安装</span></p>
<p><span style="font-size: 14px; ">&nbsp;</span><a rel="nofollow" href="http://chromedevtools.googlecode.com/svn/update/dev/"><span style="font-size: 14px; ">http://chromedevtools.googlecode.com/svn/update/dev/</span></a></p>
<p><span style="font-size: 14px; ">&nbsp;</span></p>
<p><span style="font-size: 14px; "><b>2. 开启 Chrome 的远程调试模式</b></span></p>
<p><span style="font-size: 14px; ">执行chrome 带以下参数</span></p>
<p>&nbsp;</p>
<p><span style="font-size: 14px; "><b>window:</b></span></p>
<p><span style="font-size: 14px; "><span style="font-family: 'Courier New'; ">chrome --remote-shell-port=9222</span></span></p>
<p><span style="font-size: 14px; ">&nbsp;</span></p>
<p><span style="font-size: 14px; "><b>mac:</b></span></p>
<p><span style="font-size: 14px; "><span style="font-family: 'Courier New'; ">./Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-shell-port=9222</span></span></p>
<p><span style="font-size: 14px; ">&nbsp;</span></p>
<p><span style="font-size: 14px; "><img alt="" src="http://www.pjhome.net/attachments/month_0908/20090806161953.jpg" /></span></p>
<p><span style="font-size: 14px; ">当然端口是可以配置的。</span></p>
</div>
<div><span style="font-size: 14px; ">&nbsp;</span></div>
<div><span style="font-size: 14px; "><br />
<b>3.打开Eclipse添加一个调试配置</b> </span>
<p><span style="font-size: 14px; "><img alt="" src="http://www.pjhome.net/attachments/month_0908/20090806162008.png" /></span></p>
<p><span style="font-size: 14px; ">&nbsp;</span></p>
<h2>开始调试:</h2>
<p>&nbsp;</p>
<div><span style="font-size: 14px; "><b>1.绑定进程</b></span></div>
<div><span style="font-size: 14px; ">&nbsp;</span></div>
<div><span style="font-size: 14px; ">由于 Chrome 是多进程的浏览器，所以调试的时候，我们需要在Eclispe里绑定独立的标签进程。</span></div>
<div><span style="font-size: 14px; ">&nbsp;</span></div>
<div><span style="font-size: 14px; "><img alt="" src="http://www.pjhome.net/attachments/month_0908/20090806162219.jpg" /></span></div>
<div><span style="font-size: 14px; ">&nbsp;</span></div>
<div><span style="font-size: 14px; ">&nbsp;</span></div>
<div><span style="font-size: 14px; ">&nbsp;</span></div>
<div><span style="font-size: 14px; "><b>2. 设置断点</b></span></div>
<div><span style="font-size: 14px; ">&nbsp;</span></div>
<div><span style="font-size: 14px; ">不知道什么原因，绑定后，无法直接暂停脚本运行，除非遇到脚本错误。不过我们可以给也脚本设置debug，让调试器生效。</span></div>
<div><span style="font-size: 14px; "><img alt="" src="http://www.pjhome.net/attachments/month_0908/20090806162246.jpg" /></span></div>
<div><span style="font-size: 14px; ">&nbsp;</span></div>
<div><span style="font-size: 14px; ">&nbsp;&nbsp;</span></div>
<div><span style="font-size: 14px; ">在代码中设置 debugger 断点</span></div>
<div><span style="font-size: 14px; "><img alt="" src="http://www.pjhome.net/attachments/month_0908/20090806162311.jpg" /></span></div>
<div><span style="font-size: 14px; ">&nbsp;</span></div>
<div><span style="font-size: 14px; ">&nbsp;&nbsp;</span></div>
<div><span style="font-size: 14px; ">看程序停下来了，这样就可以做调试了。</span></div>
<div><span style="font-size: 14px; "><img alt="" src="http://www.pjhome.net/attachments/month_0908/20090806162333.jpg" /></span></div>
</div>
</div>
</div>
</div>
</div>
<p><span style="font-size: 14px; ">&nbsp;</span></p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.pjhome.net/article/Javascript/eclipse_debug_chrome.htm" /> 
	  <id>http://www.pjhome.net/default.asp?id=1009</id>
  </entry>	
		
</feed>
