远程实时调试手机上的web页面
1. 安装
需要Node.js平台, 先安装好后, 打开Node.js command prompt, 通过NPM来安装 weinre
npm -g install weinre
|
2. 启动
安装完成后, 我们接着启动 weinre
weinre -httpPort 8081 -boundHost -all-
|
能打开这个地址就说明weinre启动成功了
|
可以配置 .weinre/server.properties 让启动 weinre 变得更方便, 具体方法请参考官网, 配置好后, 以后想启动 weinre, 直接运行weinre命令即可, 无需每次都追加那些参数了.
3. Instrumenting your web page to act as a debug target
将如下脚本追加到你将要调试的页面上
<script src="http://你的IP地址:8081/target/target-script-min.js#anonymous"></script>
4. 折腾这么久, 快点让我远程调试吧
在手机上打开要调试页面的地址
在 weinre Access Points 中开始远程调试
点击anonymous Access Points
|
点击一下激活target
|
终于可以调试了! 接下来随便怎么玩都可以了, 大家应该都很熟练了吧...
cmd下输入:weinre --httpPort 8080 --boundHost 10.62.0.173
手机访问:http://10.62.0.173:8080/www/2.html
电脑也访问:http://10.62.0.173:8080/www/2.html
[注意:若是使用无线则需要是同一个热点。。手机和电脑都访问同一个网址。。](www是我建立的目录:C:\Users\lenovo\AppData\Roaming\npm\node_modules\weinre\web\www)
这只是手机访问电脑ip的网址而已。。并没有将手机和电脑连接到一起调试,一开始以为这就行了,后来才发现是错的。
2. 若:cmd下输入:weinre --httpPort 8080 --boundHost -all- [8080为端口号。。]
【注意:若为weinre --httpPort 8080 --boundHost all,则报错weinre: unable to resolve boundHost address:all】
则电脑直接访问 http://127.0.0.1:8080/client/
访问文件:http://127.0.0.1:8080/www/2.html
(本地路径:C:\Users\lenovo\AppData\Roaming\npm\node_modules\weinre\web\www)
3.测试是否成功。。
访问:http://localhost:8080/client/#anonymous
然后顶部有一个:Targets:
<!doctype html>
<html>
<head>
<script src="http://10.62.0.173:8080/target/target-script-min.js#anonymous"></script>
<script src="../target/target-script-min.js" /></script>
</head>
<body>
<style>
body{background:#ff7300}
h3{font-size:50px;padding:100px;}
</style>
<h3>测试内容。。。。。</h3>
</body>
</html>
。。最终10.200.108.11 [channel: t-7 id: anonymous] - http://10.62.0.173:8080/www/1.html 方可。。。
远程实时调试手机上的web页面相关推荐
- 手机上的web页面的倒计时在手机锁屏后再解锁后发现倒计时不准
手机上的web页面的倒计时在手机锁屏后再解锁后发现倒计时不准 手机上的web页面的倒计时在手机锁屏后再解锁后发现倒计时不准的原因是:倒计时的代码在锁屏这段时间不执行.在这里说一下倒计时的实现,在第一次 ...
- 如何通过Chrome远程调试Android上的Web页面
这里写自定义目录标题 准备工作 手机端打开USB调试模式 Chrome远程调试Android手机 准备工作 安卓手机(打开USB调试模式,USB链接电脑) PC端打开chrome浏览器 手机端打开US ...
- 用Chrome浏览器调试钉钉应用--Web页面调试
1.首先下载一个钉钉开发版~~ 记得~~把你已经登录的钉钉都关掉,用这个开发版登录. windows 4.0 钉钉RC版本下载 2.在工作台打开你要调试的应用咯~ 3.用Chrome浏览器打开 :lo ...
- 自己第一次做手机web页面的一些总结
一. 移动端web开发的单位 1. 单位 先来罗列下学习移动页面构建的过程中可能看到过一些单位: px.pt.pc.sp.em.rem.dp.dip.ppi.dpi.ldpi.mdpi.hdpi. ...
- safari调试iPhone app web页面
safari调试iPhone app web页面 date: 2016-09-09 09:36:29 Overview 当下移动端开发过程中大量使用前段H5.js等等技术,而这些web页面的调试在Xc ...
- php开发路由器界面,路由器Web页面交互Tips(示例代码)
路由器Web页面开发中基于cgi形式, 一个页面对应一个c语言文件,如 network-lan.c -> lan_setup.cgi wan.c -> wan.cgi 以network-l ...
- ssh隧道-能ssh就能http和tcp,通过ssh就能访问内网web页面和数据库
出于安全考虑,一般云主机都只能通过堡垒机两级ssh才能连通,即先ssh堡垒机,再ssh连到内网目标云主机上执行命令. (堡垒机俗称跳板机,一般只开放一个ssh端口.有些堡垒机没有公网IP,必须先登录v ...
- android web 调试,Web页面Android安卓真机调试
如果是前端开发手机页面,通常会需要在手机运行本地代码,检查页面布局和显示,同时需要在chrome浏览器控制台进行调试.在这里记录一下安卓机web页面,手机运行,pc调试的操作方法.主要用到的是chro ...
- 在 iOS 模拟器中调试 Web 页面
转自:http://taobaofed.org/blog/2015/11/13/web-debug-in-ios/ 双十一大家"买买买"了吗?我猜你们要么是躺在沙发上,要么是躲在被 ...
- 【工具】PC端调试手机端 Html 页面的工具
一.概述 有一个项目需要在手机端显示一个 web 页面,而每次把应用 launch 后,从手机端看比较麻烦,因此搜罗了几种在 PC 端调试手机端页面的工具. 二.工具 http://fonkie.it ...
最新文章
- android 之Fragment(轻量级的Activity)详解
- 为什么德国制造让人那么放心
- 句柄 matlab_matlab 整车仿真
- CF914G Sum the Fibonacci(FWT模板+子集卷积)
- c mysql 编码_mysql编码转换 mysql编码设置详解
- 哪些SQL语句会引起全表扫描
- 《编写可维护的JavaScript》——2.2 多行注释
- Decide what you want,and go after it with everything you got!
- java程序员必备快捷键
- VDI IDV VOI
- 给软件添加鼠标右键快捷方式
- 【数据结构】栈的实现与简单应用
- subscription-manager repos --enable <repo>
- Linux Ethernet PHY 驱动
- Dynamics 365 on-premises9.0中文版安装SrsDataConnector出错
- 物联网到底是什么,生活中能用得上吗?
- VSE++: Improving Visual-Semantic Embeddings with Hard Negatives
- 软件缺陷和软件缺陷的种类
- 孩子像谁软件在线测试,测测你像哪位明星软件
- 并网逆变器学习笔记3---三电平拓扑和中点电位平衡