+ 首页>>工具>>内容

工具移动测试人可以关注一下的远程调试工具-Weinre280次围观

移动测试人可以关注一下的远程调试工具-Weinre
如今人们也越来越习惯在手机上浏览网页,而在手机上这些针对桌面浏览器设计的网页经常惨不忍睹。Web应用开发者需要针对手机进行界面的重新设计,但是手机上并没有称心如意的调试工具(如Firebug、web inspector),重新设计界面的工作往往事倍功半。本文介绍的调试工具Weinre 就是解决这一问题的优秀调试工具。

Weinre是什么?

Weinre代表Web Inspector Remote,是一种远程调试工具。举个例子,在电脑上可以即时 的更改手机上对应网页的页面元素、样式表,或是查看Javascript变量,同时还可以看到手机上页面的错误和警告信息. 下图所示中的例子,通过在console中运行“document.body.style.backgroundcolor = ‘green’;” 即时改变了手机上网页的背景色。该项目是 Apache Cordova 的一部分。

移动测试人可以关注一下的远程调试工具-Weinre

Weinre

图1: 桌面的debug客户端与手机上的对应页面

运行原理

Weinre作为一种远程调试工具,在结构上分为三层:

    目标页面(target):被调试的页面,页面已嵌入weinre的远程js,下文会介绍;
    Debug客户端(client):本地的Web Inspector调试客户端;
    Debug服务端(agent):一个HTTP Server,为目标页面与Debug客户端建立通信。
移动测试人可以关注一下的远程调试工具-Weinre

原理

获取Weinre

在任何的支持 Node.js 环境的系统下通过包管理器(npm)即可安装Weinre

npm install -g weinre

使用Weinre进行远程调试

1 启动 WeinreDe bug 服务端

weinre --httpPort 8080 --boundHost -all-

2 通过PC浏览器(WebKit内核)打开 WeinreDe bug 客户端

Open in your pc browser http://localhost[Your IP]:8080

项目首页

http://people.apache.org/~pmuellr/weinre/

+ 猜你喜欢...

===== 关于 DiggerPlus =====
DiggerPlus是国内新锐测试人垂直内容博客,专注于挖掘测试工具,普及测试技术,专注于测试人能力提升,博客上线后就受到广大测试人的热烈追捧;此外,DiggerPlus深度整合评测资源,揭秘科技数据和真相,让读者更懂科技,更好地把玩科技。 我们始终保持"独立,客观,严谨,优秀"的优良作风,努力为读者带来源源不断的优质内容。想访问更多酷毙的测试人网站?赶紧来DiggerPlus测试人网址导航看看吧!

===== DiggerPlus Team =====
DiggerPlus Team是DiggerPlus官方发起的团队,这是一群热爱科技,热爱测试,喜欢深度挖掘的热血测试人,他们是评测师,测试专家。 我们欢迎优秀的测试人加入DiggerPlus Team。 加入DiggerPlus,可以成为我们的认证Dper,认证Dper拥有DiggerPlus独一无二的专栏并得到个人展示。

===== DiggerPlus 官方读者群 =====
DiggerPlus官方读者群(一)

+ 关于本文作者

Python/C/C++/Javascript程序员,持续学习者,目前专注于前端开发。

的专栏 | 专栏作者 | 访问小A的主页

+ 已有9个评论

开源中国精彩推送

基于开源中国OpenAPI开发
  • Copyright © 2014 DiggerPlus. 96 queries in 1.378 seconds.
    使用合作网站账号快速登录,更多精彩等着您: 开源中国