移动的调试工具vConsole

在PC端写代码调试的时候,直接console.log()即可,但是在手机端怎么调试??最近发现一个很有用的插件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使用

用的是VUE-CLI3第一步.安装vconsole npm install vconsole 第二步.创建js文件并写入内容 import Vconsole from 'vconsole' let vConsole = new Vconsole() export default vConsole 第三步.main.js引入 // 页面调试js require('./assets/js/vconsole.js');…

移动端 (H5) 调试工具 -- vconsole

最近在改一个移动端项目,在手机上调试贼头疼,什么日志都看不到,分析不了bug问题. 然后我同事给我介绍了一个移动端的调试神器 -- vconsole 有了这个神器,领导再也不用担心我的工作啦!!! 0.0 怎么使用VConsole呢? 超简单的,只需要2步第一步: 在页面引入vconsole的cdn: https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js 或者是下载下来还可以安装依赖 npm install 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…

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

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

仅以一个前端开发人员的角度看微信小程序

看了几天的小程序(当然也包括了上手书写),才有了这篇博文,非技术贴,只是发表下个人观点,仅以个人技术能力来看小程序. 首先说下优点: 调试工具:官方的工具还是做了很多工作,包括监听文件变动自动刷新,编译es6等真机调试:里面集成了github上一款开源调试工具vconsole https://github.com/WechatFE/vConsole 文件关联:关联名称相同的wxss,wxml,js为一个组件的内容样式:支持flex布局,不用hack 语言:支持es6,可以模块化布置项目的代码…

react项目总结

1.基本框架 1.react+react-router4+redux3.7.2 2.css预编译使用sass 3.数据请求使用axios(原本是使用fetch,结果在ios10下报错) 4.ui组件库使用比较主流的antd-design 但是遇到一些问题基本找不答案,有几个组件都有问题,感觉不好用,连个弹出框都要在页面上写一堆代码 5.没有使用脚手架搭建,是直接在一个音乐项目上写的原项目封装好了一下localstorge等工具方法,和一些状态管理,路由管理,可以直接跟着用,非常方便 2.入口文…

vConsole ~ 移动开发调试工具

在开发移动端项目时,有时候在PC端好好的,但是到了手机上出bug,很难调试,这时候可以用vConsole调试工具使用方式 1.直接引入 <script src="vconsole.min.js"></script> <script> // init vConsole var vConsole = new VConsole(); console.log('Hello world'); </script> 2.在模块化工程中引入 cnpm…

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

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