nodejs安装weinre 及移动端调试网页

2024-05-06 11:10:25

安装nodejs

官网下载安装包，安装
cmd检查是否安装成功

安装weinre

安装路径D:\nodejs\node_modules\weinre

开启weinre

默认端口
在cmd中执行weinre –boundHost -all- (一定要这样写，区分大写和小写)服务器地址为http://localhost:8080
自定义端口
在cmd中执行weinre –httpPort 8081 -boundHost -all- (一定要这样写，区分大写和小写)服务器地址为http://localhost:8081推荐使用此法

注意在调试过程中保持cmd窗口不关闭

weinre的使用

weinre已经包括了一个httpserver，它的根文件夹默认是C:\Users\Administrator\AppData\Roaming\npm\node_modules\weinre\web
该文件夹下放置目标页面。
为了组织好你的目标页面，能够在当前文件夹下新建一个文件夹，如www。

-

试试在PC上訪问http://localhost:8080

A 链接到调试客户端页面(我已经打开了目标网页http://localhost:8080/www/index.html)，打开后默认到远程面板，如下图所示。

B 打开了目标网页http://localhost:8080/www/index.html 的关键在于目标代码B，这段代码要加入到需要调试的页面中（引用js文件的代码前即可）。
现在就可以进行远程调试啦

在多个设备上打开目标网页，client/页面，就出现了多个设备上訪问的目标页面地址。
点击链接，变成绿色，点击上方的elements，开始调试啦。

-

如：

PC端

移动端

再次开启时就不用再安装啦，直接如下：

nodejs安装weinre 及移动端调试网页相关推荐

移动端调试 weinre
weinre 是基于 Node 的工具,因此使用如下命令安装 weinre $ npm install -g weinre 用上面的命令将 weinre 安装到全局,然后就可以使用 weinre的命令 ...
使用Chrome开发者工具调试Android端内网页(微信，QQ，UC，App内嵌页等)
使用Chrome开发者工具调试Android端内网页(微信,QQ,UC,App内嵌页等) 传送门转载于:https://www.cnblogs.com/momozjm/p/9389912.html
移动端H5网页调试之eruda
类似vconsole但更强的移动端调试面板: 中文文档:https://github.com/liriliri/eruda/blob/master/README_CN.md 国内镜像地址: https ...
移动端真机调试，手机端调试，移动端调试
移动端真机调试方法一.chrome真机调试:局限性:只能调试手机端的chrome浏览器,其他浏览器均不适用:优点是: 简单快捷: 二.spy-debugger调试:spy-debugger,安装稍微 ...
如何在 PC 机上测试移动端的网页？
如何在 PC 机上测试移动端的网页?如果用 HTML5 写的页面,想兼容 iOS.Android 平台的手机,在 PC 机上看有些效果可能不准确,但不可能在每个移动终端都放上去看下效果吧,一般用什么工 ...
H5 移动端调试全攻略
点击上方"程序员黑叔",选择"置顶或者星标" 你的关注意义重大! 文章来源:http://jartto.wang/2018/11/01/mobile-debug ...
优秀前端人都知道的H5 移动端调试全攻略～
点击上方"蓝色字体",选择"设为星标" 做积极的人,而不是积极废人! 文章来源:http://jartto.wang/2018/11/01/mobile-deb ...
优秀前端人都知道的H5 移动端调试全攻略
文章来源:http://jartto.wang/2018/11/01/mobile-debug/ 随着移动设备的高速发展,H5 开发也成为了 F2E 不可或缺的能力.而移动开发的重中之重就是掌握调试技 ...
Windows系统下nodejs安装及配置
关于nodejs中文站,眼下活跃度最好的知识站应该是http://www.cnodejs.org/ ,而http://cnodejs.org/则活跃度较低.Express.js是nodejs的一个MV ...

最新文章

热门文章