手机远程调试工具-weinre

为什么要用远程调试? 

场景一:你辛辛苦苦做了一个手机web app,却发现它在iPhone、iPad、HTC G14和M9上的表现有一定的差异,更苦恼的是你检查了好几遍代码、用了很多alert也不知道问题出在哪里,只好把这归结为兼容性bug。此时你想手机浏览器上如果有firebug或者web开发工具那就好了,你肯定能搞定这个问题。 

场景二:你帮助一个程序员调试一个web页面,发现他的电脑上既没有firefox、firebug,也没有safari、chrome,只有个360浏览器且内核还是IE6,你心里暗暗鄙视他(web开发人员的常见心理问题)。你想给他装个firefox,但这程序员有洁癖,不让你在他电脑上安装哪些非主流的浏览器。但你也不可能为了他花一天时间来给自己的电脑安装开发环境、配置数据库、导入工程、调试运行。最后你们对望了一眼,不约而同说了句“那算了吧”。 

如果你确实经历过以上的情景,说明你肯定是一个苦逼的web开发人员。作为IT界的“环卫工人”,虽然我们的职责就是清除果皮纸屑(对付各种浏览器的bug),美化城市环境(保证各浏览器中的一致性),但面对上述情景,我们还是感到有心无力。同时作为IT界“魔术师”的我们,应该想出更好地办法来解决上述问题。你有什么好办法呢? 

远程调试就是一种解决办法。远程调试可以实现你在自己的电脑上调试手机网站,也可以实现你在自己的电脑上调试用户或程序员正在访问的页面。 

目前的远程调试方法主要依赖远程调试工具,如 weinre、 JSconsole、 socketbug等。但将来桌面浏览器和移动浏览器有希望默认支持远程调试功能,目前的chrome开发工具已经开始支持远程调试,且已将相关代码提交到了webkit代码库中,将来更多的浏览器有望支持远程调试功能。 

上述三种远程调试工具中,weinre使用较为普遍,且已成为phonegap项目的一部分;JSconsole主要偏重于js调试,功能较为单一;socketbug依赖于node.js和socket.IO,安装使用较为复杂。 
Weinre是什么? 
Weinre是Web Inspector Remote的缩写(远程web检查器),Weinre这个词在英文中指酿酒厂。Weinre的作用和safari的web检查器及chrome的开发人员工具一样,界面和用法也基本一样。唯一不同是weinre用于远程调试,尤其适用于移动web调试。举个例子,在电脑上可以即时 的更改手机上对应网页的页面元素、样式表,或是查看Javascript变量,同时还可以看到手机上页面的错误和警告信息。 

转载于:https://my.oschina.net/u/151223/blog/351773

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值