文档章节

使用Weinre调试webapp

91porn
 91porn
发布于 2014/03/19 23:05
字数 811
阅读 5574
收藏 55

weinre的安装:

首先下载nodejs,博主的环境是debian,http://nodejs.org/download/  下载源码包

解压并移动

tar xvf node-v0.10.26.tar.gz
mv  node-v0.10.26 /opt/nodejs  //移动到/opt/nodejs

进入目录并检查环境

cd /opt/nodejs
./configure

Nodejs安装需要python, 如果python版本太低,请安装合适的python版本,建议使用python-2.7的版本,还需要GCC/G++,如果你计划在Node.js中启用网络加密,OpenSSL的加密库也是必须的。该加密库是libssl-dev,可以通过apt-get install libssl-dev等命令安装。

安装nodejs

sudo make
sudo make install

安装的过程会比较久,我的渣机子足足运行了一个小时

PS:

要保证user有sudo权限,user不在sudo组的话,参考以下:

解决方案:

首需要切换到root身份

su -

(注意有- ,这和su是不同的,在用命令"su"的时候只是切换到root,但没有把root的环境变量传过去,还是当前用户的环境变量,用"su -"命令将环境变量也一起带过去,就象和root登录一样)

然后

visudo

    //切记,此处没有vi和sudo之间没有空格

1、移动光标,到最后一行

2、按a,进入append模式

3、输入

your_user_name ALL=(ALL)  ALL

4、按Esc

5、输入“:w”(保存文件)

6、输入“:q”(退出)

这样就把自己加入了sudo组,可以使用sudo命令了


通过npm安装Weinre

npm -g install weinre

weinre的启动:

Weinre默认路径为/usr/local/lib/node_modules/weinre/weinre

初始端口为8080

进入安装目录,

weinre --boundHost -all-

就可以启动weinre

也可以指定端口参数

比如

weinre --boundHost -all- --httpPort 8081


如果是外网的话还需要在路由器里设置端口映射。

weinre的调试:

webapp的启动页面加上下面的js引用

<script type="text/javascript">http://192.168.1.101:8081/target/target-script-min.js#{app
标识
}</script>

其中{app标识}webapp的唯一标识,任意字符串

启动webapp之后,访问http://192.168.1.101:8081/client/#{app标识},注意,这里的http后面的网址需要和script中的一致,连接上之后可能在首页上不显示客户端已连接,直接访问调试的网址即可。

看到这个界面应该很熟悉吧,尤其是上面的几个面板

A 面板切换,用过 Chrome 或者 Safari 开发者工具的对这个界面肯定很熟悉。

B 连接到调试服务器的页面,即可以调试的页面。

C 连接到调试服务地的客户端,当前只有一个。

D 调试服务器属性,绑定的端口和调试服务器能够响应式的 IP 地址列表。

本人这里调试的是一个phonegap项目,还是比较方便的

http://people.apache.org/~pmuellr/weinre/docs/latest/Running.html

这里有更加详细的weinre用法,可以参考。

© 著作权归作者所有

91porn
粉丝 17
博文 26
码字总数 9845
作品 0
台州
私信 提问
加载中

评论(3)

RobertLu
RobertLu
没有办法给js下断点啊。
jluflyingz
jluflyingz

引用来自“Jimagic”的评论

Android 4.4 可以直接debug了

是的 安装chrome手机版也可以通过chrome桌面版调试
Jimagic
Jimagic
Android 4.4 可以直接debug了
移动端Web开发调试之Weinre调试教程

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

程序员诗人
2017/04/24
0
0
手机远程调试工具-weinre

为什么要用远程调试? 场景一:你辛辛苦苦做了一个手机web app,却发现它在iPhone、iPad、HTC G14和M9上的表现有一定的差异,更苦恼的是你检查了好几遍代码、用了很多alert也不知道问题出在哪...

zhanghb
2014/12/03
275
0
前端调试总结

1.移动前端调试方案(Android + Chrome 实现远程调试)(http://www.tuicool.com/articles/BZR3imU) 2.移动端Web开发调试之Chrome远程调试(Remote Debugging)(http://www.cnblogs.com/terryli......

IT追寻者
2016/10/21
25
0
五个你必须知道的javascript和web 调试技术

在前端开发中,调试技术是必不可少的技能,本文将介绍五种前端开发必备的调试技术。 Weinre移动调试 DOM 断点 debugger断点 native方法hook 远程映射本地调试 Weinre 在移动上面开发调试是很...

H_J
2013/12/17
1K
2
五个你必须知道的javascript和web 调试技术

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

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

没有更多内容

加载失败,请刷新页面

加载更多

idea修改新的git地址

我们在项目变动中通常会遇到更换git地址情况,这里介绍一个在idea项目中简单更换git地址操作: 1、点击VCS; 2、点击Git; 3、点击Remotes; 具体步骤如图 4、点击框中链接即可在右边看到一个...

west_coast
19分钟前
6
0
将规则集传递给mixin

允许包装在mixin中定义的css块。 分离的规则集是一组CSS属性、嵌套规则集、媒体声明或者是存储在变量中的任何其他内容,我们可以将它包含在规则集中或其他结构中,并且所有属性都将复制到那里...

凌兮洛
21分钟前
4
0
玩转阿里云 Terraform(一):Terraform 是什么

从本文起,我将陆续推出一系列有关 Terraform 的文章,从概念,特点,工作机制,用法以及最佳实践等多个方面由浅入深的向大家介绍如何在阿里云上玩转 Terraform。同时也希望借此机会,与感兴...

阿里云官方博客
21分钟前
4
0
科研大数据面临的挑战

近几十年硬件的发展非常迅猛,第一台Macintosh苹果电脑的内存是128KB(0.13MB),现在很多笔记本配的是8GB的内存,硬盘1TB(1024GB),2TB的很常见。大型的数据服务器上还会有更大的储容量,...

英论阁学术院
21分钟前
5
0
python学习10.09:Python列表和元组的底层实现

有关列表(list)和元组(tuple)的底层实现,本节分别从它们的源码来进行分析。 首先来分析 list 列表,它的具体结构如下所示: typedef struct { PyObject_VAR_HEAD /* Vector o...

太空堡垒185
22分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部