zoukankan      html  css  js  c++  java
  • 移动端调试工具weinre

    前段时间在大豹公众号上看到一个关于移动端调试的工具,了解了一下,确实不错。

    npm install -g weinre

    先全局安装,然后使用的时候通过如下命令启动

    weinre --boundHost 10.2.54.11 --httpPort 8081
    10.2.54.11 是我的本机IP,端口可以自主设置,当然也可以不写,默认8080。

    此时电脑端可以直接通过 http://10.2.54.11:8081访问到weinre的主页面,这个针对移动设备调试比较方便,当然对电脑端访问的页面也可以访问,不过本身浏览器调试工具已经非常强大了。
    也可以单击主页面上http://10.2.54.11:8081/client/#anonymous这个链接直接切换到调试界面。Targets显示none。

    手机端直接通过浏览器访问 staticWebDir内的文件,注意文件底部必须内嵌一个js文件
    <script src="http://10.2.54.11:8081/target/target-script-min.js#anonymous"></script>

    此时,电脑端/client/#anonymous页面的Target会出现一个手机端访问的页面链接,此时点击Elements 面板或其他的resource或console等面板就可以同电脑端调试一样进行操作了。

    描述的可能不是特别清楚,也可以参考http://web.jobbole.com/82967/ 这篇界面,图文并茂,非常详细。

  • 相关阅读:
    一个文件汇集搜索系统(NiFi + ELK)
    Apache NiFi
    JSONPath
    git免密push方法
    SSH的那些keys
    Elasticsearch
    kubernetes intro
    几个流行的npm包
    Micro-Frontend微前端
    Consul服务注册与服务发现
  • 原文地址:https://www.cnblogs.com/happyhaibei/p/7285089.html
Copyright © 2011-2022 走看看