Vue 如何调试手机端网页，VConsole 手机网页的前端 console 调试面板

一、安装
使用 npm ：

npm install vconsole

二、在Vue项目中引入
在 mian.js 文件夹中引入，并判断production环境使用

import VConsole from 'vconsole'
if (process.env.NODE_ENV === 'production') {new VConsole()
}

请注意，VConsole 只是 vConsole 的原型，而非一个已实例化的对象。所以在手动 new 实例化之前，vConsole 不会被插入到网页中。

三、重新编译代码后打开手机端，可以看在右下角一个到 vConsole 按钮，点开就可以打开调试面板。

Vue 如何调试手机端网页，VConsole 手机网页的前端 console 调试面板相关推荐

html页面手机端console,GitHub - MobileHTML5/vConsole: 一个针对手机网页的前端 console 调试面板。...
vConsole 一个针对手机网页的前端 console 调试面板. 简介 vConsole 是一个网页前端调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作. 手机预览 ...
如何使用edge浏览器或chrome谷歌浏览器调试手机端网页（微信网页、浏览器皆可）
如何使用edge浏览器或chrome谷歌浏览器调试手机端网页(微信网页.浏览器皆可) 1.打开开发者选项中的USB调试功能(狂点"关于手机"中的版本号,然后返回到系统设置中就能看到 ...
安卓+ios系统--手机端页面自适应手机屏幕大小，禁止手动放大和缩小VUE
项目需求手机端,页面自适应手机屏幕大小,不能手动放大和缩小. 1.代码在index.html中加入下面的代码:  <met ...
chrome浏览器调试手机端h5页面
这个是常识性的问题了.奈何我之前确实是不知道.只知道用F12来调试PC端的页面,这次经过同事指点,终于知道为啥人家在浏览器调试手机端页面,显示的大小都是手机端的. 步骤: 1.打开F12 2.如果所示 ...
html5多屏互动游戏,多屏互动 —— 手机端与PC端网页互动的现有尝试及设想
不可否认,多屏时代已经到来. 手机/平板/笔记本/PC/TV等,多个显示平台的逐步构建,为信息传播及交互提供了多重平台及体验选择. 素材:多屏自适应网页设计/多屏延生设计在此篇文章,取手机端与PC端 ...
【工具】PC端调试手机端 Html 页面的工具
一.概述有一个项目需要在手机端显示一个 web 页面,而每次把应用 launch 后,从手机端看比较麻烦,因此搜罗了几种在 PC 端调试手机端页面的工具. 二.工具 http://fonkie.it ...
手机端在不同手机上的返回键返回位置
手机端在不同手机上的返回键返回位置在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当 ...
根据两个经纬度点调用百度地图应用查询路线适用android或者ios中及网页浏览(手机网页同样适用)
Intent intent = null;try {// 如果有安装百度地图就启动百度地图StringBuffer sbs = new StringBuffer();sbs.append(" ...
手机端适应_手机网站开发制作和电脑pc端有哪些区别
现在移动互联网的发展,现在很多企业做网站开发不仅是电脑端的网站,还包括了移动端网站的开发,移动端网站开发和pc端是有一定的区别,比如移动端的页面更小,移动端的打开和加载速度都远低于电脑端访问网站,其实 ...
DevTools——chrome浏览器调试手机端WebView
DevTools能在浏览器上调试手机中的webview代码,给手机端调试带来了极大的便利! 操作步骤 1,打开手机开发者选项,开启USB调试 2,打开待调试的webview 3,手机通过USB数据线跟 ...

Vue 如何调试手机端网页，VConsole 手机网页的前端 console 调试面板

Vue 如何调试手机端网页，VConsole 手机网页的前端 console 调试面板相关推荐

最新文章

热门文章