使用weinre调试移动端页面

最新推荐文章于 2024-03-26 15:43:26 发布
最新推荐文章于 2024-03-26 15:43:26 发布
阅读量482 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 前端调试 远程调试 移动端调试 文章标签： 前端调试 移动端调试 远程调试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fyboyz/article/details/54882170
本文介绍 WeinRE 的安装、启动配置及浏览器端的使用流程，指导开发者如何进行远程设备调试，包括手机端效果预览。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. 安装

 

npm install -g weinre

 

2. 启动

 

 

 

weinre --httpPort 8081 --boundHost -all-    /*这里的端口8081可以自定义*/

 


 

3. 浏览器打开weinre首页

 

 

4. 调试页面js引入

 

 

 

5. 远程调试

 

进入要调试的设备：

 

远程设备调试：

 

 

 

手机端效果：

 

 

 

9102了，你还不会移动端真机调试吗
10-17
本文将详细介绍三种主流的移动端真机调试方法：Chrome真机调试、Weinre调试以及Spy-debugger调试，旨在帮助开发者提高调试效率。 1. **Chrome真机调试** Chrome真机调试适用于Android设备，它允许开发者通过电脑上...
移动端开发调试方法1
08-08
- **用途**：weinre是一种允许开发者在桌面端远程调试运行于移动设备浏览器中的Web页面或应用的工具。 - **特性**：开源项目，托管于GitHub。 - **适用场景**：适用于移动Web站点或应用的调试。 #### 1.2 使用步骤 ...
移动端调试工具-Weinre
weixin_43867229的博客
03-26 347
在你的电脑上打开浏览器，访问http://localhost:8080，你将看到Weinre的调试界面。：你需要在你想要调试的网页中引入Weinre脚本。：在你的移动设备上打开你想要调试的网页，然后在Weinre调试界面中，你将看到你的设备和网页。：现在，你可以像使用Chrome DevTools一样使用Weinre来调试你的网页了。：首先，你需要在你的电脑上安装Weinre。请注意，你需要将localhost:8080替换为你的Weinre服务器的地址。，可以用来调试移动设备上的网页。
使用weinre调试移动端真机
hangzhang
11-16 2392
weinre是web inspector remote(远程web检查器)的缩写。本文主要是在node环境下使用。一、安装首先确保你的电脑上有node环境，然后使用cnpm或npm 安装，windows环境下： npm install weinre -g二、运行weinre在命令行输入： weinre –httpPort 8081 –boundHost -all- 8081是调试服务器运行的
Weinre调试移动端页面
weixin_34198797的博客
11-12 118
Weinre是什么 如果我们做的是Cordova（phonegap）或其他hybird应用，当使用到原生功能时候（类似原生请求数据或页面切换时），没办法在PC chrome浏览器调试页面，一旦页面在手机显示出了问题，我们比较难找到找到原因，有时还只能猜或alert些东西。 使用Weinre工具，Weinre的本意是Web Inspector Remo...
使用weinre调试移动端web页面
03-16 713
环境配置 nodejs环境nodejs.org绑定host127.0.0.1 weinre.me（可添加到共用hosts）chrome浏览器 weinre安装 控制台输入 npm install -g weinre 开始调试 启动weinre，控制台输入 weinre --boundHost weinre.me 待调试页面引入js文件
使用weinre调试移动端访问的页面
weixin_34292402的博客
03-12 136
2019独角兽企业重金招聘Python工程师标准>>> ...
ionic项目使用weinre调试移动端
weixin_33828101的博客
10-14 150
怎样调试ionic开发的hybridApp web view 在一篇歪国人的博文中，偶然发现weinre这个词。然后就与他结下了不解之缘。 weinre是什么 weinre是远程web调试器，可以调试web页面。如果你用过FF的FireBug和chrome的调试工具对它那会有熟悉的即视感。weinre也是Codova项目的一份子，所以用它来调试ionic开发的app最合适不过了。 如何安装...
weinre调试移动端页面
weixin_30271335的博客
12-30 96
1. 安装 npm install -g weinre 2. 启动weinre --httpPort 8080 --boundHost -all- 也可以新建 ~(win: c:/user/youname)/.weinre/server.properties 内容为 boundHost: -all-httpPort: 9090reuseAddr: truereadTimeou...
weinre- 调试移动端页面
weixin_30394333的博客
12-26 138
相信很多前端的小伙伴一定会遇到一个问题， 比如我编写完一个页面，某个地方需要进行调整细节或者是哪个地方怎么调整都不对，在pc端还好，有google，firefox之类可以调节页面的工具，虽说这些工具有模拟手机的页面的功能，但是毕竟 真机上调试与浏览器上调试还是有挺大差别的，那有人会问了，有没一款可以针对 移动端调试的工具呢，答案是肯定的。 weinre 就能比较好的解决这个问题的，下面我们就来了...
移动端真机调试攻略：Chrome、Weinre、Spy-debugger
本文主要介绍了在移动端开发中遇到的调试难题以及如何进行真机调试的三种方法：Chrome真机调试、Weinre调试和Spy-debugger调试。 在移动端开发过程中，由于缺乏直观的可视化界面，当在手机端浏览器中遇到问题时，...
掌握weinre：简化手机Web页面远端调试流程
标题中提到的“weinre”是一个开放源代码的Web运行时环境，特别设计用于帮助开发人员调试在远程设备（例如智能手机和平板电脑）上运行的Web页面。weinre允许开发者在电脑上进行调试，而无需直接在目标设备上进行操作...
【C语言编程】基于while和do-while循环的strstr函数应用：字符串匹配与计数功能实现分析
最新发布
08-16
内容概要：本文档介绍了三种不同的方法来统计字符串中特定子串（如"abcd"）出现的次数，分别是使用 do-while 循环、while 循环以及封装成函数的方式。通过对比这三种实现方式，展示了如何利用 C 语言标准库函数 strstr() 来查找子串，并通过适当调整指针位置来继续搜索剩余部分，直到遍历完整个字符串。同时，还演示了如何将功能封装为独立函数以便复用。 适合人群：具有基本 C 语言编程能力的学习者或开发者，特别是对字符串操作和循环控制结构感兴趣的读者。 使用场景及目标：①理解并掌握 C 语言中 do-while 和 while 循环的区别及其应用场景；②学会运用 C 语言标准库函数 strstr() 实现字符串匹配；③掌握如何将重复使用的代码片段封装为函数提高代码复用性和可维护性。 阅读建议：在阅读时可以尝试自己动手编写代码，对比不同循环结构的特点和适用范围，同时注意观察每次调用后指针的变化情况，加深对字符串处理的理解。
关于 comma 自动驾驶技术的开源程序资源介绍 comma 自动驾驶系统相关开源程序详细信息汇总 可供参考的 comma 自动驾驶开源程序完整内容 comma 品牌自动驾驶技术对应的开源程序分享 聚
08-16
资源下载链接为： https://pan.quark.cn/s/685532ef88eb 关于 comma 自动驾驶技术的开源程序资源介绍 comma 自动驾驶系统相关开源程序详细信息汇总 可供参考的 comma 自动驾驶开源程序完整内容 comma 品牌自动驾驶技术对应的开源程序分享 聚焦 comma 自动驾驶领域的开源程序合集 comma 自动驾驶项目配套开源程序全面整理 了解 comma 自动驾驶技术所需的开源程序资料 comma 自动驾驶解决方案相关开源程序展示 用于 comma 自动驾驶开发的开源程序资源列表 comma 自动驾驶技术体系中的开源程序详解（最新、最全版本！打开链接下载即可用！）
【C语言编程】指针变量与内存块区分：指针操作及内存管理实例解析
08-16
内容概要：本文通过C语言代码示例详细阐述了指针变量与其所指向的内存块之间的区别。指针变量存储的是地址，而它指向的是该地址所代表的内存块。文中通过具体实例展示了指针赋值、指针算术运算（如指针加1）、以及对指针所指向内存的操作（如修改字符数组内容）。还特别强调了在操作指针时需要注意的问题，比如不能直接修改字符串常量区的内容，以及在使用strcpy等函数时必须确保目标内存空间是合法且可写的。 适合人群：具有C语言基础知识的学习者或程序员，尤其是那些对指针概念感到困惑或者想要深入理解指针与内存关系的人群。 使用场景及目标：①帮助读者理解指针变量本身和它所指向的内存块是两个独立的概念；②学习如何正确地操作指针，包括但不限于指针赋值、指针算术、以及安全地访问和修改指针指向的数据；③掌握在不同情况下（如静态分配、动态分配）下正确使用指针的方法，避免常见的错误如非法内存访问。 阅读建议：由于本文涉及较多具体的编程细节，在阅读过程中最好能同步运行代码，观察输出结果的变化，这样有助于更好地理解和记忆指针的工作原理。同时注意理解每个代码片段背后的逻辑，而不仅仅是表面的操作。
中国科学技术大学2020年秋季学期计算机系统概论H课程完整教学资源包-包含课程讲义PPT实验指导手册编程作业参考答案期中期末考试真题及解析课程视频录播链接参考书目.zip
08-16
notepad 官网下载中国科学技术大学2020年秋季学期计算机系统概论H课程完整教学资源包_包含课程讲义PPT实验指导手册编程作业参考答案期中期末考试真题及解析课程视频录播链接参考书目.zip
计算机系统基础实验2021ICS2021项目代码与学习笔记-南京大学计算机系统基础课程实验-包含PA0到PA4未完成的实验过程记录-调试器实现-表达式求值-监视点设置-指令.zip
08-16
github计算机系统基础实验2021ICS2021项目代码与学习笔记_南京大学计算机系统基础课程实验_包含PA0到PA4未完成的实验过程记录_调试器实现_表达式求值_监视点设置_指令.zip
Kotlin语言教程&案例&相关项目资源
08-16
Kotlin语言教程&案例&相关项目资源
【工业自动化】OMRON SysmacStudio集成开发环境：编程软件及最新升级包分享
08-16
内容概要：本文档介绍了欧姆龙（Omron）公司开发的工业自动化集成开发环境——Sysmac Studio。它主要用于PLC、HMI、伺服驱动器、变频器等设备的编程、配置与调试，集成了硬件配置、编程开发、调试与仿真、安全与保护等功能模块，符合IEC 61131-3标准，支持多种编程语言。此外，它具有高效开发、智能扩展的技术特点，适用于制造业、能源管理和交通与楼宇等领域。文中还提供了软件的下载地址、最新升级包（如2025-08-08更新的1.63版本）、序列号（每个180天使用周期）以及安装建议。; 适合人群：从事工业自动化领域的工程师、技术人员以及相关研究人员。; 使用场景及目标：①为用户提供便捷的编程、配置与调试工具；②满足工业自动化领域不同场景下的开发需求；③保障项目的安全性和版权保护。; 其他说明：用户可根据自身系统选择合适的安装包，并使用最新的升级包进行升级；提供的序列号每180天到期后可更换新的继续使用。下载链接为夸克网盘。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值