移动端调试工具-Debuggap】的更多相关文章

因为现在项目大部分都是在写移动端,但是调试起来实在是不方便,虽然可以用chrome来模拟手机端,但实际上差别还是有点大的,最近找到了一款比较不错的调试工具,这里分享一下了,虽然网上已经有分享过了,但还是想自己写写,反正自己写着高兴就行. 这款工具叫:DebugGap 首先到官网下载程序 http://www.debuggap.com/ 下载完解压后是这样的 在client文件夹下面有一个debuggap.js把这个js文件拿出来放到你要测试的文件里面把他引入进去. 现在我们打开这个页面可以看到这…
随着移动互联网的迅速崛起,开发移动应用程序越来越多,但如果在移动端开发应用程序需要调试时,额- 仿佛又回到了IE时代,最方便也只能到处 alert 来调试.目前已经有一款产品可以做到这一点,比如phonegap,但是phonegap的调试问题非常麻烦,不能真正做到有效提高效率.下面将介绍debug工具.这是一款神器,它简单易用的同时又不影响它的强大,它能够: 不需要安装即可运行在Windows.Linux和Mac平台上 支持各种平台(Android,IOS,WebOS,BlackBerry,Fi…
越来越多的移动端开发工作,需要我们有一个好的调试工具,以解决各类真机才会遇到的BUG,最近使用了一款DebugGap 的工具,非常方便,在这里推荐给大家. 官网地址 DebugGap  . 按需求下载自己所需的版本,解压后打开vide.exe文件运行该应用,如图所示.除此之外还需要安装一个vide-plugin-debug-webview插件,在图中的路径点开Plugin Management ,如图二,下载该插件. 下载完成后点击如下图所示图标 配置你要调试的页面地址,如下图 在vide-pl…
java版本安装和调试 首先需要下载 weinre, weinre目前支持Windows与MacOS, 本文中以Windows版为例. 下载地址:http://people.apache.org/~pmuellr/weinre/builds/1.x/1.6.1/ 点击weinre-jar-1.6.1.zip下载. 然后确保你的电脑已经搭建好了java环境.即安装了jdk.这里就不多说了,在网上搜个jdk,一步步安装及ok. 在下载的weinre.jar所在文件夹中运行以下命令: java -ja…
前段时间在大豹公众号上看到一个关于移动端调试的工具,了解了一下,确实不错. npm install -g weinre 先全局安装,然后使用的时候通过如下命令启动 weinre --boundHost 10.2.54.11 是我的本机IP,端口可以自主设置,当然也可以不写,默认8080. 此时电脑端可以直接通过 http://10.2.54.11:8081访问到weinre的主页面,这个针对移动设备调试比较方便,当然对电脑端访问的页面也可以访问,不过本身浏览器调试工具已经非常强大了.也可以单击主…
小苹果的安装很简单,这是官网,一看就会,完全小白教程. http://www.xbole.com/ debugap的也很简单,这里简单附图介绍一下 ps 官网: http://www.debuggap.com/# 1, 下载debuggap,因为我在window下,解压即可.如图所示 2, 打开DebugGap ,点击Debug H5 ,一般最新版的ip会自动获取,如图所示: 3,点击Connect ,成功之后,如图所示: 4,打开你需要调试的html页面,把下图标红的里边的js文件引入到你的h…
这里以在vue项目中的使用为例⬇️ 嗯模块化的. 不消多说,先cnpm install vconsole -S 然后在mian.js中配置之- ok啦-- 开发混合app的筒子,使用mac的话也有别的方法进行移动端在线调试-但还是这个更方便哈哈哈,ios.window都阔以!!…
先申明:本安装教程是基于java的jdk安装的,经过测试可以正常使用,基于nodejs的安装,小喵鼓弄了好几天也没有成功,如果哪位童鞋基于nodejs安装成功了,请联系小喵,小喵在这里先谢谢你了! 好了,不说废话了,主菜端上来了... 一.配置JAVA的环境变量 1.下载java的jdk,并安装,已共享了64位的jdk,直接点击安装即可 成功安装之后,进行测试是否真的成功安装,点击[开始]----[运行]----输入 CMD,在命令提示符里面输入"Java -version"并按回车键…
vConsole:https://github.com/Tencent/vConsole/blob/dev/README_CN.md 使用方法: 使用npm进行安装: npm install --save vConsole 在main.js写下面代码: /* eslint-disable no-unused-vars */ import vConsole from 'vconsole' 这样就可以使用vConsole了…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1…