vue-mobile-debug

基于 vue 的移动端调试小工具

功能

• 移动端模拟 console 信息
• 一键清理 cookies、localstorage，刷新页面
• 显示 cookies、localstorage
• 显示页面性能数据

安装

npm install --save vue-mobile-debug
// or
cnpm install --save vue-mobile-debug
// or
yarn add vue-mobile-debug

demo

git clone https://github.com/Lzzzzzq/vue-mobile-debug.git

cd vue-mobile-debug

npm install

npm run dev

使用

// 引入插件

import VueMobileDebug from 'vue-mobile-debug'

Vue.use(VueMobileDebug, true)

// 第二个参数代表是否显示，测试环境时打开即可

// 使用

// this 指向为 vue component

// 输出到工具的控制台

this.$log('normal')
this.$err('error')

效果