为最近一直在弄移动端项目,由于在移动端无法打开控制台,所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试,但是只能使用移动版的chrome查看数据,兼容不好,所以最近使用了vConsole 进行调试 废话不多说,说说怎么使用的吧。 首先去下载相关的代码 ...
.使用 npm 安装: npm install vconsole 再使用webpack,然后js代码中 import VConsole from vconsole dist vconsole.min.js import vconsole let vConsole new VConsole 初始化 .找到这个模块下面的dist vconsole.min.js,然后复制到自己的项目中 lt head ...
2018-08-03 09:54 0 4210 推荐指数:
为最近一直在弄移动端项目,由于在移动端无法打开控制台,所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试,但是只能使用移动版的chrome查看数据,兼容不好,所以最近使用了vConsole 进行调试 废话不多说,说说怎么使用的吧。 首先去下载相关的代码 ...
前言:因为在移动端无法打开控制台,所以用vConsole插件进行调试 正文: 1,下载vconsole.min.js文件(https://github.com/Tencent/vConsole) 2,将js文件引入到页面中(<script src="path ...
一个针对手机网页的前端 console 调试面板。 简介 vConsole 是一个网页前端调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作。 手机预览 http://wechatfe.github.io/vconsole/demo.html ...
一、安装使用 npm : 二、在Vue项目中引入1、在 mian.js 文件夹中引入,并判断production环境使用 请注意,VConsole 只是 vConsole 的原型,而非一个已实例化的对象。所以在手动 new 实例化之前 ...
在真实手机上运行H5页面时,无法看到控制台。为了能在真实手机上使用控制台,可以加入如下代码实现控制台: VConsole界面如下: 该代码的要点为: 1.异步加载第三方的js。当无法保证嵌入的第三方内容是否可以正常工作的时候,可考虑用异步加载这些代码,避免阻塞整个页面加载 ...
...
前言 用vue 写移动端代码,有个报名页面 就在iOS 9下出现问题,vue的循环渲染都正常,一开始的数据也能取到。证明不是vue的兼容性问题 但是在用户点击按钮发现不能点击进入跳转 工具 推荐使用 vConsole 这个 可以在移动端调试的 解决过程 npm install ...
现在移动端开发越来越火,随之而来的问题也越来越多,今天给大家介绍一款移动端调试神器,vconsole。 一、先引用文件,可以从https://www.bootcdn.cn/vConsole/下载,也可以下载保存在本地,直接引用 浏览器显示如下: 基本的一些用法 ...