在移动设备或者其他无法启动 chrome developer tools 的时候可以用以下方法进行console

步骤:

1. 进入 http://jsconsole.com 的console画面,在光标闪烁处输入 : listen 创建一个KEY

形如:

FAE031CD-74A0-46D3-AE36-757BAB262BEA

 

2.将获得的KEY 注入到要进行调试的页面有两种方法,

一种是在引用js的html中输入:

<script src="http://jsconsole.com/remote.js?FAE031CD-74A0-46D3-AE36-757BAB262BEA"></script>

这样使每个引用了这个script标签的页面都带有了这个KEY,那么在前述的console画面输入:

 

:listen FAE031CD-74A0-46D3-AE36-757BAB262BEA

即可建立连接,之后便可以在该console画面进行debug

 

另一种方法是,不修改远程文件,直接在浏览器地址栏输入以下代码(出处  http://jsconsole.com/inject.html  ):

javascript:(function(s){s.src='http://jsconsole.com/remote.js?用自己的KEY替换这一段';document.body.appendChild(s)})(document.createElement('script'));

同样在console那边会看到:

Connected to "465A2410-83E3-46DB-A7F3-183AD65F2012"

即可开始debug

 

jsconsole官方说明:http://jsconsole.com/remote-debugging.html#videos

posted on 2014-09-22 16:28  meeming  阅读(731)  评论(0编辑  收藏  举报



Fork me on GitHub