xiaowuzhu / whistle.inspect

集成eruda和vConsole等调试H5页面工具的插件

whistle.inspect

该whistle插件集成了vConsole和eruda等用来在移动端页面上模拟Chrome开发者工具功能的模块，方便调试手机上的H5页面，只需简单配置即可随意切换vConsole和eruda。

更多移动端调试方法参见：利用whistle调试移动端页面。

安装

1. 首先需要安装最新版whistle，如果你的机器已经安装了whistle，请确保whistle为最新版本：
   • 安装及如何使用whistle参见Github
   • 如何升级whistle参见帮助文档。
2. 安装inspect插件，执行npm全局安装即可：

   npm i -g whistle.inspect
   

   如果是Linux或Mac，可能需要用 sudo npm i -g whistle.inspect，推荐使用cnpm或自己公司提供的npm镜像安装

使用

安装插件后，只需配置简单的规则即可随意切换vConsole和eruda：

# 在匹配pattern的页面中插入eruda
pattern whistle.inspect://eruda # 或 whistle.inspect://e

# 在匹配pattern的页面中插入vConsole
pattern whistle.inspect://

其中，pattern 表示匹配请求url的表达式，可以为域名（如：www.test.com whistle.inspect://e）、路径，通配符、正则表达式等，具体参见：whistle的匹配模式。

配置后访问对应页面，可以看到页面已经注入vConsole或eruda：