1、调试环境:1)使用nodejs搭建调试服务器: 先安装node,然后使用npm安装weinre,在node.js安装目录输入以下命令npm install weinre2)需要wifi环境和webkit浏览器。2、远程调试:1)启动weinre服务器d: //在命令行中进入d盘cd Node.....
分类:
其他好文 时间:
2015-03-08 15:41:35
阅读次数:
212
1 下载nodejs并解压至 nodejsproject/ ????????http://nodejs.org/download/??????????? 2 安装weinre ??? ./nodejsprojectbin/bin/npm install weinre?????? #使用nodejs提供的npm...
分类:
Web程序 时间:
2015-02-11 20:43:25
阅读次数:
236
如今人们也越来越习惯在手机上浏览网页,而在手机上这些针对桌面浏览器设计的网页经常惨不忍睹。Web应用开发者需要针对手机进行界面的重新设计,但是手机上并没有称心如意的调试工具(如Firebug、web inspector),重新设计界面的工作往往事半功倍。本文介绍的调试工具Weinre就是解决这一问题...
分类:
移动开发 时间:
2015-02-03 16:52:15
阅读次数:
261
前几个星期接到公司一个项目,要用webview在客户端上播视频,作为一个前端实习生,这种需求真是蛋疼……一不知webview是何方神圣,二不知咋调试……下面就是蛋疼的开始: 寻找调试工具:好,非weinre莫属了,又是node的,又是npm的……且行且珍惜(虽然UC浏览器有个开发者版本,但调试麻烦....
分类:
移动开发 时间:
2015-01-26 16:54:11
阅读次数:
270
在设计师与前端开发人员的努力下,一个WebApp出炉了,可是测试人员说了一堆的问题:某某机型下页面表现不一致,某某系统下页面如何如何,某某系统浏览器下页面怎么怎么滴。看着满满的测试汇总文档,我们曾经在一个又一个知名或不知名的手机终端上重复着这些工作:仔细的排查代码,alert可疑的变量,甚至不惜重构来尝试解决这种不一致的问题。虽然说Android 4.0+以上的移动设备支持桌面版Chrome远程调试,而且在Android 4.4以下也仅限于预览Chrome手机版浏览器内部效果,我们无法在问题浏览器下实时联调...
分类:
移动开发 时间:
2015-01-12 13:06:35
阅读次数:
281
如今人们也越来越习惯在手机上浏览网页,而在手机上这些针对桌面浏览器设计的网页经常惨不忍睹。Web应用开发者需要针对手机进行界面的重新设计,但是手机上并没有称心如意的调试工具(如Firebug、web inspector),重新设计界面的工作往往事半功倍。本文介绍的调试工具Weinre 就是解决这一问...
分类:
移动开发 时间:
2014-12-31 12:56:11
阅读次数:
224
本文将会介绍如何在真机上调试移动端的页面,和之前的《如何在电脑上测试手机网站》的不同之处在于真机环境。
本会介绍的方法如下:
UC浏览器开发版Chrome 远程调试Firefox 远程调试Opera 远程调试Weinre
UC浏览器开发版
感谢UC造出这么好用的浏览器,同时注重开发者,远好于国内其他厂商,UC浏览器有一个开发版非常赞。
UC浏览器开发版网址下载地址
UC开发版的...
分类:
移动开发 时间:
2014-12-19 00:44:59
阅读次数:
257
项目
http://people.apache.org/~pmuellr/weinre/docs/latest/Running.html
原理
1 使用nondejs建立一个服务器;
2 使用注入方式插入一个js到被调试web页面中。这个js会尽可能的拦截页面上的实现得到上层的数据,如ajax请求,但是像图片直接加载,之类是无法得到的。同时定时向服务器发心跳码,或是返回命令结果,这个见...
分类:
移动开发 时间:
2014-12-13 23:24:57
阅读次数:
362
Weinre是一个移动页面远程调试工具,你可以通过电脑的chrome或者firefox去调试你手机访问的页面,在电脑调试器中的任何操作都能反应到手机上,就和在用电脑访问页面进行调试一样。Weinre现如今已经已经移植到到了node平台,安装部署十分的方便,在也不用安装其他复杂环境了。Weinre的架...
分类:
移动开发 时间:
2014-12-12 19:02:08
阅读次数:
192
1. 安装weinrenpm install –g weinre2. 打开weinre -httpPort 8080 -boundHost -all-httpPort 监听端口boundHost 绑定主机eg.weinre -httpPort 8080 -boundHost 172.16.144.1...
分类:
移动开发 时间:
2014-12-11 13:51:22
阅读次数:
249