vConsole:针对手机网页的前端开发者调试面板,移动短端console.log 功能,如devtools 上一样。

我们在开发手机版网页的时候,常常会出现下面的情景:开发时,在自己电脑上运行得好好的,在手机上打开就挂了,但是手机上又看不到日志,不知道问题出在哪一步,这个时候我们就需要用到vConsole了。

使用方法:
1、使用 npm安装

npm install vconsole

2、在main.js 应用

import VConsole from 'vconsole';
console.log(process.env.NODE_ENV);
if (process.env.NODE_ENV == 'development') {const vConsole = new VConsole();
}

3、使用 console 等方法

// 接下来即可照常使用 `console` 等方法
console.log('Hello world');

vConsole:针对手机网页的前端开发者调试面板,手机web页面console.log 功能,如 Chrome devtools 上一样。相关推荐

  1. html页面手机端console,GitHub - MobileHTML5/vConsole: 一个针对手机网页的前端 console 调试面板。...

    vConsole 一个针对手机网页的前端 console 调试面板. 简介 vConsole 是一个网页前端调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作. 手机预览 ...

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

    一.安装 使用 npm : npm install vconsole 二.在Vue项目中引入 在 mian.js 文件夹中引入,并判断production环境使用 import VConsole fr ...

  3. Javascript调试命令——你只会Console.log() ?

    Javascript调试命令--你只会Console.log() ? Console 对象提供对浏览器控制台的接入(如:Firefox 的 Web Console).不同浏览器上它的工作方式是不一样的 ...

  4. safari调试iPhone app web页面

    safari调试iPhone app web页面 date: 2016-09-09 09:36:29 Overview 当下移动端开发过程中大量使用前段H5.js等等技术,而这些web页面的调试在Xc ...

  5. 前端:一键清除项目中无用的console.log代码

    关注并将「趣谈前端」设为星标 每天定时分享技术干货/优秀开源/技术思维 前言 说起console.log调试,不用多说,那是非常的好用,开发中帮助我们解决了不少Bug.我们经常能在开发环境中看见这一坨 ...

  6. 支付宝手机网页支付java demo调试问题和解决办法

    在使用支付宝手机网页支付的时候遇到一些问题跟大家分享一下. 1.生成签名的时候,使用Base64加密时报错:DerInputStream.getLength():lengthTag = 127, to ...

  7. ua获取手机型号_前端通过js获取手机型号

    前段通过js获取手机型号 需求: 用户登录后记录当前的手机型号并记录 插件: 使用步骤: 获取UA信息->根据安卓和IOS不同的处理 IOS再通过插件mobile-device-js去获取型号 ...

  8. java开发手机网页_前端编写手机兼容页面(简易方式)

    这两天开始编写手机页面,作为类似官网一样的使用,因为实在手机端访问的web端,没有做过尝试,而且由于手机的种类很多,导致兼容性要求很高,在网上找了一些教程,制作完毕后决定分析给大家. 先给大家看下成品 ...

  9. html手机网页不可放大,阻止移动设备(手机、pad)浏览器双击放大网页的方

    点评:这篇文章主要介绍了阻止移动设备(手机.pad)浏览器双击放大网页的方法,需要的朋友可以参考下 现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置,怎么让双击不放大? 在Mobile页 ...

最新文章

  1. 超专业解析!10分钟带你搞懂Linux中直接I/O原理
  2. 合作方变股东:Aurora无人车获现代汽车3千万美元投资,与大众分手
  3. python自学步骤-零基础学Python应该学习哪些入门知识及学习步骤安排
  4. SQL Server中的重要观点
  5. Python基础 列表的详解(纯干货)
  6. C# 客户端HTTP通信
  7. 3d展示网页开发_超实用:一篇文章带你了解市面上主流通用的3D模型格式
  8. sql XML处理,sp_xml_preparedocument,openxml
  9. (day 52 - 二叉搜索树) 剑指 Offer 68 - I. 二叉搜索树的最近公共祖先
  10. 弹性计算 Region 化部署和跨可用区容灾介绍
  11. ACM算法竞赛入门 概述
  12. Hive 3.1.2 国内镜像下载地址
  13. ununtu18.0安装搜狗输入法
  14. 陌陌也出了网页版,醉翁之意不在酒在直播
  15. 路程c语言,一道关于路程的程序。我一直看不懂,请教大家帮着看看和解释一下,谢谢。我很急急着...
  16. 一、JSX语法的基本使用
  17. JS: 参数传递(值传递和引用传递)
  18. 集群01之xshell链接liux 更改ip 网关及dns 主机名称
  19. T1042/T2080 U-BOOT 移植阶段(四)调试网口问题不通解决
  20. html空心字以及部分艺术字,空心美术字的书写方法

热门文章

  1. 纷享销客主体公司发生工商变更:金蝶成为大股东,长山兴投资退出
  2. 5000字长文 “详解” mysql安装,应该是 “全网” 最全的教程了
  3. Microsoft MPI在win10系统下vs2019的配置及调试运行
  4. 【解决方法】文件夹点右键卡死
  5. optitrack学习(2):Optitrack系统架构与数据流
  6. 后端传递数据给前端做导出Excel的vo类
  7. 大型网站架构推荐书籍
  8. 【蓝桥杯嵌入式】蓝桥杯第十二届省赛程序真题,真题分析与代码讲解
  9. 友盟SDK升级(手动集成)
  10. 阿里云、腾讯云、百度云、京东云、华为云、盛大云、ucloud各自优势是?