weinre远程调试mobile页面

移动端页面的调试因为没有像firebug 这样的工具，调试起来比在PC更加麻烦一些。

但是借由weinre，我们也可以像PC端那样，远程调试webapp。

（以下环境均为windows7）

1) 安装weinre

最新版本的weinre 通过npm进行安装

npm -g install weinre

官方地址：

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

官方文档：

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

安装示例：

在E盘新建weinre文件夹

E:\program\mobile\weinre

2) cmd

进入该路径

3) 安装完成后，在 E:\program\mobile\weinre 下会有node_modules 文件夹

4) 启动weinre

5) 在浏览器输入 http://localhost:8080/

显示页面：

点击

debug client user interface:	http://localhost:8080/client/#anonymous

6) 在需要远程调试的页面添加weinre脚本

<script src="http://localhost:8080/target/target-script-min.js#anonymous"></script>

6) 显示debug页面

http://localhost:8080/client/#anonymous

即可进行调试了

weinre远程调试mobile页面相关推荐

weinre远程调试
场景说明: 手机h5开发,常碰到一些问题,只有在手机上出现,pc浏览器上无法复现.chrome自带的远程调试,只能在chrome内核的手机浏览器上用.这个神器原则上可以跨越任何版本的手机浏览器环境说 ...
Chrome DevTools远程调试手机页面
一.准备 pc端安装最新的chrome 手机端安装最新的chrome ( Android机 ) USB连接线二.具体步骤假设你已经在电脑上下载了最新的chrome 也在手机上下载了最新的chrom ...
使用weinre调试手机页面
Weinre(Web Inspector Remote),是一种远程调试工具.功能与Firebug及chrome调试器类似,可以帮助我们即时更改页面元素.样式,调试JS等. 工作原理 weinre由三 ...
调试H5页面-weinre及spy-debugger真机调试
以下是weinre及spy-debugger真机调试方式,spy-debugger内嵌了weinre,所以首选spy-debugger,weinre大致了解一下即可. 一.Weinre Weinre( ...
远程调试weinre的使用
一.用途 *鉴于在浏览器调试移动端页面无法准确反映移动端实际情况并无法高效调试,故常常使用远程调试工具通过电脑连接手机进行调试,常用远程调试方式: 1.chrome连接安卓机远程调试 2.Mac连接苹 ...
移动端调试HTML页面-weinre
1.安装:npm install weinre -g --registry=https://registry.npm.taobao.org 注意你的安装路径,之后会将所需文件拷贝进去 2.命令行输入: ...
FDB Flash Debugger 远程调试页面FLASH
FDB Flash Debugger 调试页面FLASH 内容概要: Flash Debugger FDB 命令参考,使用方法,如 break, set, display, print, list, ...
Spark远程调试+页面监控--用最熟悉的方式开发Spark应用
大家好. 我是楼兰,持续分享最纯粹的技术内容. 大数据技术已经大行其道,但是很多人对大数据组件依然会觉得很陌生,很不顺手.对大部分人来说,环境部署.API使用其实问题都不大,技术人员最不欠缺的 ...
java web远程调试工具_java远程调试 - Dendy的个人页面 - OSCHINA - 中文开源技术交流社区...
新接手的项目采用的是Maven作为编译管理工具,项目内容则是按子模块Module来划分.由于模块太多,且都比较大(基本上都能独立运行并负责处理一方面的业务),并采用Socket来进行模块之间的数据通信 ...

weinre远程调试mobile页面

weinre远程调试mobile页面相关推荐

最新文章

热门文章