【🍓 移动端调试工具之vconsole的使用～ 🍓】的更多相关文章

🍓 移动端调试工具之vconsole的使用～ 🍓

这里以在vue项目中的使用为例⬇️ 嗯模块化的. 不消多说,先cnpm install vconsole -S 然后在mian.js中配置之- ok啦-- 开发混合app的筒子,使用mac的话也有别的方法进行移动端在线调试-但还是这个更方便哈哈哈,ios.window都阔以!!…

移动端调试神器vconsole,手机端网页的调试工具Eruda

移动端调试神器vconsole,手机端网页的调试工具Eruda 移动端中使用 vConsole调试 移动端调试工具vconsole安装Git地址:https://github.com/WechatFE/vConsolevConsole是一款由微信公众平台前端团队打造的前端调试面板,专治手机端看log难题.目前vConsole自带有2个面板,默认为“日志”面板,负责展示log. 项目开发时经常需要debug调试,但在移动端debug则会阻断代码运行,并且很难判断出错在哪里,这里我们需要借助第三方插…

移动端调试工具---vConsole

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了…

移动端调试工具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…

移动端调试工具DebugGap推荐。

因为现在项目大部分都是在写移动端,但是调试起来实在是不方便,虽然可以用chrome来模拟手机端,但实际上差别还是有点大的,最近找到了一款比较不错的调试工具,这里分享一下了,虽然网上已经有分享过了,但还是想自己写写,反正自己写着高兴就行. 这款工具叫:DebugGap 首先到官网下载程序 http://www.debuggap.com/ 下载完解压后是这样的 在client文件夹下面有一个debuggap.js把这个js文件拿出来放到你要测试的文件里面把他引入进去. 现在我们打开这个页面可以看到这…

移动端调试工具-Weinre

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…

移动端开发利器vConsole.js,app内嵌H5开发时调试用

vConsole:一个轻量.可拓展.针对手机网页的前端开发者调试面板,主要还是用于内嵌app页面时在手机上进行调试,打印完全和在PC端一样,方便大家找出问题所在. 不说废话直接进入主题,vConsole.js最新下载地址. 直接将vConsole.js引入项目中,需要注意的是:最好吧js引入到页面的最上边.这样刚页面会首先加载vConsole.js. <script src="path/to/vconsole.min.js"></script> <scri…

移动端调试神器-vConsole

什么是vConsole?   官方说明是一个web前端开发者面板,可用于展示console日志,方便日常开发,调试. 简单来说相当于移动版的Chrome调试控制台,就是我们在PC端常用的F12 vConsole的使用场景? 比如测试妹纸拿着手机过来跟你说某个页面打不开.你心想,怎么可能,我在电脑上用Chrome调试得好好的,也没有报错啊. 然后你接过测试妹纸的手机发现确实有个页面打不开.问题来了,移动端又不能像PC端打开控制台调试,我要怎么排错呢? vConsole就运应而生了 vConsole…

移动端调试工具weinre

前段时间在大豹公众号上看到一个关于移动端调试的工具,了解了一下,确实不错. npm install -g weinre 先全局安装,然后使用的时候通过如下命令启动 weinre --boundHost 10.2.54.11 是我的本机IP,端口可以自主设置,当然也可以不写,默认8080. 此时电脑端可以直接通过 http://10.2.54.11:8081访问到weinre的主页面,这个针对移动设备调试比较方便,当然对电脑端访问的页面也可以访问,不过本身浏览器调试工具已经非常强大了.也可以单击主…

移动端调试利器-vConsole

现在移动端开发越来越火,随之而来的问题也越来越多,今天给大家介绍一款移动端调试神器,vconsole. 一.先引用文件,可以从https://www.bootcdn.cn/vConsole/下载,也可以下载保存在本地,直接引用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo.html</title> <script src=&q…