博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用weinre 远程调试移动设备上的网页
阅读量:6842 次
发布时间:2019-06-26

本文共 908 字,大约阅读时间需要 3 分钟。

weinre简介

weinre 是一款类似于firebug 和Web Inspector的网页调试工具, 它的不同之处在于可以用于进行远程调试,比如调试手机上面的网页。

weinre的安装

weinre是用node编写的,可以用npm来进行安装(前提是您的机器上已经装了node)

npm install -g weinre

Mac 和Linux下推荐使用

sudo npm install -g weinre

如何运行?

运行weinre之前,首先需要了解三个专有名词

Debug Server: 部署weinre的那台服务器

Debug Client: Web Inspector 界面,主要用来展示页面元素和控制台面板。
Debug Target: 你想要调试的网页,通常是位于手机上的网页。

安装完成后在termial中运行以下命令

weinre --httpPort=8081 --boundHost=znchen.waijule.cn //你自己Debug Server的域名, 也可以使用ip地址)

想了解更多weinre的配置启动项可以通过 weinre --help 命令来查看

也可以在HOME目录下创建 .weinre/server.properties 文件

boundHost:    znchen.waijule.cnhttpPort:     8081reuseAddr:    truereadTimeout:  1deathTimeout: 5

这样可以直接运行weinre 命令,它会自动读取server.properties 里面的配置项。

打开浏览器, 输入

weinre server home

在需要调试的网页中加入Target Script

打开debug client 界面

http://znchen.waijule.cn:8081/client/#anonymous

用手机设备打开待调试的网页,这时候你可以在 debug client界面上清晰的看到 Targets 列表(调试目标列表)

clipboard.png

到此,你就可以方便的查看Elements, Resource, Console, Timeline 等面板了。

转载地址:http://yqdul.baihongyu.com/

你可能感兴趣的文章
Android Monkey测试
查看>>
Intel芯将整合雷电技术 未来MBP因此便宜点
查看>>
常见物联网近距离无线通信技术解析
查看>>
《嵌入式 Linux C 语言应用程序设计(修订版)》——2.2 嵌入式Linux编辑器vi的使用...
查看>>
黑客发现 Adobe Flash 播放器第二个零日漏洞
查看>>
Docker —— 用于统一开发和部署的轻量级 Linux 容器 【已翻译100%】
查看>>
《初级会计电算化应用教程(金蝶KIS专业版)》——1.3 电算化会计信息系统
查看>>
Android 开发者应该使用 FlatBuffers 替代 JSON ?
查看>>
《拥抱变化——社交网络时代的企业转型之道》一找准组织目标和企业文化
查看>>
《Arduino奇妙之旅:智能车趣味制作天龙八步》一3.2 构建小发明
查看>>
《Cisco安全防火墙服务模块(FWSM)解决方案》——第2章防火墙服务模块概述
查看>>
Go语言项目(kingshard)性能优化实例剖析
查看>>
安全预警:ImageMagick 图象处理软件存在远程代码执行(CVE-2016-3714)
查看>>
Google 为什么要把最重要的秘密开源?
查看>>
《Hadoop大数据分析与挖掘实战》——1.5节餐饮服务中的大数据应用
查看>>
《ANSYS Workbench 14有限元分析自学手册》——2.5 体操作
查看>>
《交互式程序设计 第2版》一第1章 交互设计导论
查看>>
ARM拟将ARM核心置入未来的Fusion APU中
查看>>
3分钟参与阿里云《金融行业云上信任报告》调查问卷,98%的几率拿到代金券
查看>>
《C语言编程魔法书:基于C11标准》——2.9 本章小结
查看>>