文档章节

手机远程调试工具-weinre

zhanghb
 zhanghb
发布于 2014/12/03 12:58
字数 798
阅读 275
收藏 6

为什么要用远程调试? 

场景一:你辛辛苦苦做了一个手机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变量,同时还可以看到手机上页面的错误和警告信息。 

© 著作权归作者所有

zhanghb
粉丝 1
博文 4
码字总数 1241
作品 0
海淀
技术主管
私信 提问
远程调试工具--Weinre

如今人们也越来越习惯在手机上浏览网页,而在手机上这些针对桌面浏览器设计的网页经常惨不忍睹。Web应用开发者需要针对手机进行界面的重新设计,但是手机上并没有称心如意的调试工具(如Fir...

SamZhou
2014/08/08
14K
8
Web移动应用调试工具——Weinre

由于前面介绍的方式不太给力,于是找到了资深的学长问了问,他告诉我有个叫weinre的插件很不错,在进一步了解,发现了这篇文章。 weinre官网:http://people.apache.org/~pmuellr/weinre/do...

Megan_zhou
2013/06/14
502
0
一站式页面调试工具--Spy-Debugger

关于spy-debugger 1、一站式页面调试工具,远程调试任何手机浏览器页面,任何手机移动端webview(如:微信,HybirdApp等)HTTP/HTTPS。 2、spy-debugger内部集成了weinre。 3、支持HTTPS页面...

wuchangming
2016/04/26
2.6K
1
移动端Web开发调试之Weinre调试教程

原文地址:http://blog.csdn.net/freshlover/article/details/42640253 在设计师与前端开发人员的努力下,一个WebApp出炉了,可是测试人员说了一堆的问题:某某机型下页面表现不一致,某某系统...

程序员诗人
2017/04/24
0
0
五个你必须知道的javascript和web 调试技术

Weinre 安装weinre 原理 Tips DOM断点 使用DOM断点 Tips javascript的debugger语句 使用javascript的断点 Tips 原生代码的hook调试 举个例子 Tips 远程映射本地调试 在前端开发中,调试技术是...

迷宫素描者
2013/12/18
160
0

没有更多内容

加载失败,请刷新页面

加载更多

CSS--属性

一、溢出 当内容多,元素区域小的时候,就会产生溢出效果,默认是纵向溢出 横向溢出:在内容和容器之间再套一层容器,并且内部容器要比外部容器宽 属性:overflow/overflow-x/overflow-y 取值...

wytao1995
37分钟前
4
0
Confluence 6.15 使用附件宏

希望添加附件宏到一个页面中: 从编辑工具栏中,选择 插入(Insert) > 其他宏(Other Macros) 找到并且选择需要的宏。 可用使用自动完成加快这个过程:输入 { 然后开始输入你希望插入的宏的...

honeymoose
57分钟前
4
0
精华帖

第一章 jQuery简介 jQuery是一个JavaScript库 jQuery具备简洁的语法和跨平台的兼容性 简化了JavaScript的操作。 在页面中引入jQuery jQuery是一个JavaScript脚本库,不需要特别的安装,只需要...

流川偑
今天
6
0
语音对话英语翻译在线翻译成中文哪个方法好用

想要进行将中文翻译成英文,或者将英文翻译成中文的操作,其实有一个非常简单的工具就能够帮助完成将语音进行翻译转换的软件。 在应用市场或者百度手机助手等各大应用渠道里面就能够找到一款...

401恶户
今天
3
0
jenkins 插件下载加速最终方案

推荐做法 1、告诉jenkins 我哪些插件需要更新 jenkins插件清华大学镜像地址 https://mirrors.tuna.tsinghua.edu.cn/jenkins/updates/update-center.json 1.进入jenkins系统管理 2.进入插件管...

vasks
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部