zoukankan      html  css  js  c++  java
  • 手机H5 web调试利器——WEINRE (WEb INspector REmote)

    手机H5 web调试利器——WEINRE (WEb INspector REmote)

    调试移动端页面,优先选择使用chrome浏览器调试,如果是hybrid形式的页面,可以使用chrome提供的chrome://inspect/#devices 安卓真机调试,不过这个要求比较高:
    首先,你的 Chrome 版本必须高于 32
    其次你的测试机 Android 系统高于 4.0,
    再其次,测试机安装 Chrome for Android 才可以使用 Chrome 远程调试这项功能,
    最后, 手机需要开启USB调试模式

    比如需要调试嵌入在APP中webView中的页面, 恰好安卓的版本比较低,没办法真机调试,
    这时候weinre就是最好的选择。

    如何使用 weinre

    WEINRE 是 WEb INspector REmote 的缩写, 可以远程调试web页面。

    安装

    $ sudo npm install -g weinre
    $ weinre -v

    配置

    获取本机IP:172.19.17.62
    $ ipconfig getifaddr en0

    开启本地监听服务器:
    weinre --boundHost 172.19.17.62

    打开http://172.19.17.62:8080 ,

    将这段脚本放在需要调试的手机页面中就可以远程调试了,

    加载好之后就可以在remote tab下找到需要调试的页面了, 和chrome devTools类似, 也可以查看DOM元素和控制台等。

  • 相关阅读:
    rsyslog+loganalyzer配置
    Python字符串格式化
    awk
    haproxy配置
    CentOS7服务管理
    Nginx缓存
    父指针 子指针
    矩阵 特征向量
    指针的运算
    const 与指针 的用法
  • 原文地址:https://www.cnblogs.com/fanyong/p/4767867.html
Copyright © 2011-2022 走看看