使用weinre远程调试

1、调试环境:

1)使用nodejs搭建调试服务器:

  先安装node,然后使用npm安装weinre,在node.js安装目录输入以下命令

npm install weinre

2)需要wifi环境和webkit浏览器。

2、远程调试:

1)启动weinre服务器

d:  //在命令行中进入d盘
cd Nodejs  //进入Nodejs安装目录 此处是d:/Nodejs
node.exe node_modules\weinre\weinre --boundHost -all-  //启动weinre服务器
node.exe node_modules\weinre\weinre --boundHost  192.168.1.125   //启动weinre服务器 指定绑定的ip

2)测试

浏览器打开

http://localhost:8080

http://192.168.1.125:8080

如果访问正常,说明服务器已配置成功。

3) 调试手机页面

在要远程调试的页面中加上下面代码,即可远程调试

 <!--  远程调试 -->
<script src="http://58.198.183.20:8080/target/target-script-min.js#anonymous"></script>

或者使用收获夹快速添加调试脚本到需要调试的页面。

将以下代码添加到书签,访问需要调试的页面时,访问一下书签,即可以通过JS将调试脚本添加到当前页面,但部份浏览器不支持!

javascript:(function(e){e.setAttribute("src","http://你的调试服务器地址/target/target-script-min.js#anonymous");document.getElementsByTagName("body")[0].a(e);})(document.createElement_x_x_x_x_x_x_x("script"));void(0);

3、直接使用phoneGap的调试服务器
如果觉得服务器配置麻烦,也可以使用phoneGap现成的调试服务器。
phoneGap调试服务器地址:http://debug.phonegap.com/(相当于本机安装的http://localhost:8080)

时间: 2024-09-30 06:08:01

使用weinre远程调试的相关文章

Android开发系列10 Cordova架构学习 Weinre远程调试技术

手机上的页面不像桌面开发这么方便调试.可以使用Weinre进行远程调试以方便开发.本文介绍windows下的安装与使用. 安装 使用npm安装,可以运行: npm install -g weinre 安装完路径可能是这样的: 输入命令 weinre 即可启动. 使用浏览器打开网址: http://localhost:8080 推荐使用Chrome. 如果有防火墙,要注意需要允许8080端口数据通行. 现在可以连接Cordova程序进行调试了.把下面代码放到index.html里. <script

weinre远程调试

一: 关于weinre weinre是一款依赖于nodejs的远程调试工具,现阶段一般用到手机app上调试非常的强大 二: weinre的安装 1)  安装 nodejs以及npm 2) 安装weinre npm -g install weinre 三: weinre使用例子 1) 打开命令行,输入: weinre --boundHost[IP_address] --httpPort[port] (IP_address 是pc的ip地址, 不能是127.0.0.1,port可以输入一个随便的端口

使用weinre远程调试网页

1 下载nodejs并解压至 nodejsproject/ http://nodejs.org/download/ 2 安装weinre     ./nodejsprojectbin/bin/npm install weinre       #使用nodejs提供的npm 否则会出错 3 启动weinre    ./nodejsproject/node_modules/weinre [someoption]        options:        --httpPort     port t

使用weinre远程调试手机网页(nodejs、phoneGap)

本调试方式需要wifi环境和webkit浏览器. weiner主页:http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html 一.配置调试服务器 (一).nodejs搭建调试服务器(以windows为例)1.安装node.js安装程序下载:http://nodejs.org/#download本文安装在“F:/nodejs/”目录. 2.测试安装是否成功打开CMD,切换到nodejs所在的安装目录.输入如下命令测试node.js

移动端Web开发调试之Chrome远程调试(Remote Debugging)

本篇主要说一下Chrome RemoteDebugging 的方法,之前也遇到一些坑,自己总结了一些经验,分享如下. Chrome DevTools调试移动设备Brower Page Tabs/WebViews 安卓远程调试目前支持所有操作系统(Windows,Mac, Linux, and Chrome OS.)中调试,支持: ● 调试站点的页面 ● 调试安卓原生App中的WebView ● 实时将安卓设备的屏幕图像同步显示到开发机器. ● 通过端口转发(port forwarding)与虚拟

安卓手机移动端Web开发调试之Chrome远程调试(Remote Debugging)

一.让安卓打debug模式的apk包 二.将电脑中的chrome升级到最新版本,在chrome浏览器地址栏中输入chrome://inspect/#devices: 在智能手机还未普及时,移动设备的调试处处是alert的,这估计是最常用的办法了.以前很多时候为了预览页面在移动设备上的效果,需要先将页面上传到测试服务器,再将url输入到设备浏览器,或者使用第三方二维码扫码应用,通过移动设备访问打开浏览实际效果,每次换设备都要重复这些操作,页面多的话这些繁琐的事情就特别让人厌烦了.移动互联网的浪潮,

远程调试 Weinre

什么是远程调试? 说白了,就是可以通过PC端[F12开发者工具]查看并调试移动端的页面内容,如html.css.js.Network资源等. (PS:最终效果图在本页面底部) 官方网站 http://people.apache.org/~pmuellr/weinre/docs/latest/Installing.html 安装(需要Nodejs和Npm环境) weinre is also deployed on https://npmjs.org/package/weinre so that y

使用weinre进行移动端页面的远程调试

Weinre是一个移动页面远程调试工具,你可以通过电脑的chrome或者firefox去调试你手机访问的页面,在电脑调试器中的任何操作都能反应到手机上,就和在用电脑访问页面进行调试一样.Weinre现如今已经已经移植到到了node平台,安装部署十分的方便,在也不用安装其他复杂环境了. Weinre的架构介绍 Weinre实现远程调试通过下面三个部分实现: 目标 – 被调试的页面. 客户端 – 页面调试器,对目标进行dom结构修改.样式修改.js的操作 代理 – 是一个http服务器保证这目标和客

远程调试weinre的使用

一.用途 *鉴于在浏览器调试移动端页面无法准确反映移动端实际情况并无法高效调试,故常常使用远程调试工具通过电脑连接手机进行调试,常用远程调试方式: 1.chrome连接安卓机远程调试 2.Mac连接苹果机远程调试 3.使用远程调试工具,比如本文档的主角——weinre 二.weinre安装 1.先在本机全局安装node 2.启动命令行工具执行npm安装程序安装weinre包 npm install weinre -g(需host支持) npm install [email protected]