zoukankan      html  css  js  c++  java
  • 移动端真机调试工具--DebugGap (VIDE)

      越来越多的移动端开发工作,需要我们有一个好的调试工具,以解决各类真机才会遇到的BUG,最近使用了一款DebugGap 的工具,非常方便,在这里推荐给大家。

      官网地址 DebugGap  。

      按需求下载自己所需的版本,解压后打开vide.exe文件运行该应用,如图所示。除此之外还需要安装一个vide-plugin-debug-webview插件,在图中的路径点开Plugin Management ,如图二,下载该插件。

      

      下载完成后点击如下图所示图标

      配置你要调试的页面地址,如下图

      在vide-plugin-debug-webview插件目录下(xx/vide/node_modules/vide-plugin-debug-webview),有一个debuggap.js的文件,将其引入到调试页面的HTML中,这样打开手机就能一边操作以便查看报错情况了。

      当然,为了图方便,我们也可以仅仅只在需要调试的页面引入debuggap.js,就不用下载该应用工具,就可以直接在移动端页面进行调试。打开页面右上角会有一个蓝色按钮,点击以后如下图所示,点击console便可以查看报错。

  • 相关阅读:
    _proto_和prototype的区别
    ajax
    图片预加载
    loading动画
    WinSCP
    检测竖屏 横屏
    webstrom hbuilder快捷键
    vue 引入sass
    npm install -save 和 -save-dev 区别
    打乱数组顺序
  • 原文地址:https://www.cnblogs.com/Miracle-ZLZ/p/9071881.html
Copyright © 2011-2022 走看看