weinre调试移动端页面

1. 安装

npm install -g weinre

2. 启动
weinre --httpPort 8080 --boundHost -all-

也可以新建 ~(win: c:/user/youname)/.weinre/server.properties 内容为

boundHost: -all-
httpPort: 9090
reuseAddr: true
readTimeout: 1
deathTimeout: 5

这样以后直接输入 weinre 就行了

3. 在页面(例如:index.html)中加入

4. 启动项目(运行项目中的tomcat等服务器)

5. 通过手机访问页面(例如:index.html)

6. 在桌面浏览器打开http:// IP 或域名:9090/client/#lottery

可以调试了

如果觉得本地配置麻烦, 可以在http://debug.phonegap.com/配置一个自定义名称(如:codertonny), 然后在页面加入

当手机访问页面时, 在桌面浏览器打开http://debug.phonegap.com/client/#codertang, 就可以调试了

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

参考: http://thx.github.io/mobile/debugging-in-mobile/

http://js8.in/2013/11/20/%E4%BA%94%E4%B8%AA%E4%BD%A0%E5%BF%85%E9%A1%BB%E7%9F%A5%E9%81%93%E7%9A%84javascript%E5%92%8Cweb-debug%E6%8A%80%E6%9C%AF/

转载于:https://www.cnblogs.com/ykt8465279130/p/3497483.html

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

使用Android模拟机开发调试移动端页面
使用真机调试可以还原bug场景,但由于真机上不方便输出调试信息,不容易进行代码调试.这里可以通过在电脑上安装一个Android模拟器,然后结合Chrome的devices远程设备功能,进行移动端页面的 ...
怎么在pc端浏览器调试移动端页面
在最近的工作中兼任一点测试工作,需要调试移动端页面,在看了好多方法大概主要就是以google chrome浏览器为主,大概步骤为: 1.打开chrome浏览器 2.输入网址 3.按f12呼出开发者工具 ...
使用weinre调试移动端真机
weinre是web inspector remote(远程web检查器)的缩写.本文主要是在node环境下使用. 一.安装首先确保你的电脑上有node环境,然后使用cnpm或npm 安装,wind ...
火狐（firefox）调试移动端页面
大家都知道火狐有firebug,不管是调试css还是调试js都非常的棒. 那火狐自带的调试工具大家知道吗? 今天我们就来讲讲火狐自带的调试工具如何使用户或自带的调试工具调试手机站? 1.打开火狐,如 ...
在mac电脑上,用Safari浏览器调试ios手机移动端页面
打开iphone手机的开发者模式,流程是:[设置]->[Safari]->[高级]->开启[Web检查器], 具体如下图所示打开Mac上Safari的开发者模式,流程是[Safar ...
在mac上如何用safari调试ios手机的移动端页面
步骤如下: 第一步:打开iphone手机的开发者模式,流程是:[设置]->[Safari]->[高级]->开启[Web检查器] ,如图1.图2 图2 第二步:打开Mac上Safari ...
使用weinre调试手机页面
Weinre(Web Inspector Remote),是一种远程调试工具.功能与Firebug及chrome调试器类似,可以帮助我们即时更改页面元素.样式,调试JS等. 工作原理 weinre由三 ...
调试移动端网页工具Weinre使用整理
一.Weinre 说明 Weinre的本意是Web Inspector Remote,它是一种远程调试工具.功能与Firebug.Webkit inspector类似,可以帮助我们即时更改页面元素.样 ...
移动端Web开发调试之Weinre调试教程
Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具,借助于网络,可以在PC上直接调试运行在移动设备上的远程页面,中文意思是远程We ...

weinre调试移动端页面

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

最新文章

热门文章