GithubHelp home page GithubHelp logo

whistle.inspect's Introduction

whistle.inspect

使用该插件建议用最新版本的 whistle

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

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

安装

  1. 首先需要安装最新版 whistle,如果你的机器已经安装了 whistle,请确保 whistle 为最新版本:
  2. 安装inspect插件:
    w2 i whistle.inspect
    

    或使用 cnpm 镜像 w2 i whistle.inspect --registry=https://registry.nlark.com 如果已安装 cnpm,还可以用 w2 ci whistle.inspect

使用

安装插件后,只需配置简单的规则即可随意切换 vConsole、eruda、mdebug:

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

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

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

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

配置后访问对应页面,可以看到页面已经注入 vConsole、eruda、mdebug: 示例图

whistle.inspect's People

Contributors

avwo avatar ihtml5 avatar thlnking avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

whistle.inspect's Issues

Possible to translate?

I saw this referenced on another issue tracker, but I have no idea what this does. Could you update the README for a non-Chinese audience?

注入位置能提前吗

现在 vConsole 是注入在 body 结束标签前,如果在注入前发生了 js 错误,就会导致注入失败,想问下这个注入时机能提前吗,注入 到 head 里面

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.