• 移动设备浏览器、微信内置浏览器调试方法(亲测可行)


    做移动设备前端开发的时候,比较头疼的问题是调试。特别是有些问题在pc上不出现,只出现在移动设备上。

    使用alert()? 个人觉得不方便而且有点low

    1.weinre 

    附上链接 http://people.apache.org/~pmuellr/weinre/

    搭建环境不算复杂,有点基础的人估计5分钟就能搭建好。

    调试界面在pc浏览器上,需要移动设备和PC在同一局域网下。

    安装:

      1.安装node(不懂请百度、bing、google)  

          2.npm install -g wenire (-g 代表全局安装)

    使用:

          1.启动wenire   命令行执行命令  weinre -boundHost 192.168.1.13 -httpPort 8080

            -httpPort 可选参数,是启动端口,默认8080,也可修改为其他可用端口

            -boundHost 必选参数,weinre启动的IP地址

            还有其他参数平时用得不多,需要请参考以上链接

          2.在html或者其他目标文件中引入 <script src="http://192.168.1.13:8080/target/target-script-min.js#anonymous"></script>

            注意需要修改IP和端口,与第一步设置的IP 端口一致

          3.在Chrome或Safari浏览器中打开http://192.168.1.13:8080/client/#anonymous

        注意需要修改IP和端口,与第一步设置的IP 端口一致

          4.在移动设备上访问所需调试的页面

    2.vConsole

    附上链接 https://github.com/WechatFE/vConsole

    搭建环境也很简单,在移动设备上提供了一套接近PC浏览器的调试界面。目前感觉是移动设备调试最好用的一个工具,没有之一

    使用:

      1.在html或者其他目标文件中引入 <script src="vconsole.js"></script>

         

          2.在移动设备上访问所需调试的页面,页面右下角有个绿色的按钮,点击后弹出调试框

          如果没有绿色的按钮,请在pc上看network面板中vconsole是否请求加载

  • 相关阅读:
    nvidia-smi电源显示ERR (Pwr:Usage ERR)
    阿里云windows安装ftp
    ansible常用模块
    ansible playbook
    ansible Inventory
    ansible安装
    ansible命令
    ansible配置文件
    js插件中提示框含有 或者<br/>显示不成换行怎么办,改样式
    [转] react项目安装及运行
  • 原文地址:https://www.cnblogs.com/BillyQin/p/7262162.html
Copyright © 2020-2023  润新知