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 页面中

<script src="http://jsconsole.com/remote.js?5D5A2169-3D02-4A9C-B336-099548906C02"></script>

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,024评论 25 708
  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 13,888评论 0 15
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,198评论 4 61
  • 万法因缘生。没有正规的学习过写诗。在外界环境的刺激作用下,偶尔也会冒出一些灵感写出一首诗来。二零一四年的时候去张家...
    顿慈悟语阅读 217评论 0 0
  • 鸿玉来到红玫瑰房中,红玫瑰正收拾着天鹏的衣服。见到鸿玉放下手中的活,连忙迎上前去,拉住鸿玉的的手,说道:“妹妹可来...
    六月孺子牛阅读 303评论 2 1