为曲靖M的H5页面添加vconsole.js调试神器

在开发曲靖M的H5页面时,经常会出现下面的情况:

  • 在PC端的运行的好好的,一到手机上就各种异常,但是手机上又看不到异常信息
  • 上线后,某用户标识页面不正常,但自己又重现不出来,又看不到用户侧的信息。

所以是时候该vconsole.js闪亮登场了。

安装vconsole.js

npm i vconsole

新建console-util.js

import VConsole from 'vconsole'
const vconsole = new VConsole()
export default vconsole

在main.js引入

import '@/utils/console-util'

Ok,这是便能在H5页面右下角,看到vconsole.js的按钮了。

0

刚看到另外一款移动端调试工具——Eruda。
Eruda 是一个专为手机网页前端设计的调试面板,类似 DevTools 的迷你版,其主要功能包括:捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。

GitHub地址为: https://github.com/liriliri/eruda ,颜值和技能都很棒的Erdua

发表回复