移动端调试HTML页面-weinre

1、安装：npm install weinre -g --registry=https://registry.npm.taobao.org

注意你的安装路径，之后会将所需文件拷贝进去

2、命令行输入：weinre –httpPort 8080 –boundHost -all-

8080是调试服务器运行的端口号，
boundHost是调试服务器绑定的ip地址或域名，默认是localhost，设置为-all-是为了在本地能使用localhost打开（也可以设置成自己的ip），在移动设备或本地环境用ip地址打开weinre调试工具
3、本地打开：http://自己的IP:8080

4、在需要调试的页面添加：

5、将需要调试的页面拷贝到步骤一中所表示的路径中

6、然后在手机端访问http://自己的IP:8080，然后在电脑上输入http://自己的IP:8080即可。注意在这个调试过程中必须保证手机和电脑在同一个网络下

参考文章：
https://www.jianshu.com/p/b0234b7da021
https://www.cnblogs.com/zhahuhu/p/11182560.html

移动端调试HTML页面-weinre相关推荐

调试H5页面-weinre及spy-debugger真机调试
以下是weinre及spy-debugger真机调试方式,spy-debugger内嵌了weinre,所以首选spy-debugger,weinre大致了解一下即可. 一.Weinre Weinre( ...
通过Debugx5在电脑端调试微信页面
1.手机通过数据线连接电脑,进入USB调试模式 2.微信打开X5调试页面:http://debugx5.qq.com,也可直接扫描二维码 3.勾选"打开 TBS内核Inspector调试功能 ...
使用weinre调试手机页面
Weinre(Web Inspector Remote),是一种远程调试工具.功能与Firebug及chrome调试器类似,可以帮助我们即时更改页面元素.样式,调试JS等. 工作原理 weinre由三 ...
weinre远程调试mobile页面
移动端页面的调试因为没有像firebug 这样的工具,调试起来比在PC更加麻烦一些. 但是借由weinre, 我们也可以像PC端那样,远程调试webapp. (以下环境均为windows7) 1) 安 ...
nodejs安装weinre 及移动端调试网页
安装nodejs 官网下载安装包,安装 cmd检查是否安装成功安装weinre 安装路径D:\nodejs\node_modules\weinre 开启weinre 默认端口在cmd中执行wein ...
【工具】PC端调试手机端 Html 页面的工具
一.概述有一个项目需要在手机端显示一个 web 页面,而每次把应用 launch 后,从手机端看比较麻烦,因此搜罗了几种在 PC 端调试手机端页面的工具. 二.工具 http://fonkie.it ...
【Chrome】Chrome-devtools：对ios-safari移动端的H5页面进行调试（ios-webkit-debug-proxy）
说在前头要看干货的,可跳过该"说在前头"章节该类文章,百度上"一挖一麻袋",但说句不好听的,"一个能打的都没有",总结如下: scoop ...
phpcms移动端和pc端_移动端调试大法
文章:樊秀宝(北京中心-小易F8技术小组) 排版:suny 在日常项目中的开发中,接触移动端开发的小伙伴们免不了要和移动端调试打交道.本文总结了常用的移动端调试方法,欢迎大家学习和补充. 01 谷歌浏 ...
移动端真机调试，手机端调试，移动端调试
移动端真机调试方法一.chrome真机调试:局限性:只能调试手机端的chrome浏览器,其他浏览器均不适用:优点是: 简单快捷: 二.spy-debugger调试:spy-debugger,安装稍微 ...

移动端调试HTML页面-weinre

移动端调试HTML页面-weinre相关推荐

最新文章

热门文章