web调试系列--JSConsole（转）

（转）http://www.infoq.com/cn/news/2011/08/mobile-web-debugging

（转）http://www.cnblogs.com/zichi/p/5020960.html

JSConsole是一个风格和Weinre类似的工具，它更多地关注于控制台输出和代码求值。在访问JSConsole的网站的时候，用户输入“:listen”来获得带有GUID的一段JavaScript代码。这段代码需要被加入到待调试的网页中。于是，在加载网页的时候，代码将会连接到JSConsole服务器，并且根据GUID将此会话和用户的会话关联起来，于是用户浏览器中的控制台现在便已经处于待调试网页的JavaScript运行时环境中了。

JSConsole 使用方法真的很简单。

首先打开JSConsole。

接着在打开的网页输入:listen，将会得到一串 GUID 以及一对带有 src 属性的 Javascript 标签

将这个 Javascript 脚本插入到需要调试的 html 页面中

然后刷新你本地需要调试的页面（PC端或者移动端），如果是第一次打开的话，会弹出下图内容，大概意思就是告诉你现在引入了 JSConsole 的一段 js 进行调试，记得在上线时将它移除。

在打开 JSConsole 的页面便会输出 console 的内容；如果页面 JS 报错，一般情况下也能在 JSConsole 中进行定位。

这里需要提醒的是，刷新的是本地页面，而并不是 JSConsole 的页面，一旦刷新 JSConsole 的页面，便会生成一个新的 GUID，这样之前生成的就没用了，调试也就失效了。