fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

vConsole
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://www.npmjs.com/package/vconsole
GitHub:https://github.com/Tencent/vConsole
网站描述:一个轻量、可拓展、针对手机网页的前端开发者调试面板。

vConsole特性

  • 查看 console 日志
  • 查看网络请求
  • 查看页面 element 结构
  • 查看 Cookies 和 localStorage
  • 手动执行 JS 命令行
  • 自定义插件


vConsole使用方法:

<script src="path/to/vconsole.min.js"></script>
<script>
console.log("test")
</script>

在vue-JS项目中使用:
1.package.json安装vconsole包(可以放在devDependencies中)

2.main.js中引入:

// 因为vConsole并不需要调用,
// 所以前面加“eslint-disable no-unused-vars”规避掉eslint语法检查

/* eslint-disable no-unused-vars */
import vConsole from 'vconsole'

3.此时可以使用console.log
原理:改写了console.log,重写了实现,用vConsole代理



作者:以手画圆心
链接:https://www.jianshu.com/p/f79d223ca616
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

链接: https://fly63.com/nav/896

more>>
相关栏目
Jest
Facebook开发的一个对javascript进行单元测试的工具
官网GitHub
puppeteer
web前端自动化测试利器
官网GitHub
mocker-api
为 REST API 创建模拟 API
官网GitHub
FrontJS
轻量级的网站错误监控平台
官网
Gremlins.js
模拟用户随机操作的 JS 测试库
点击进入GitHub
JSDebugger
基于 JavaScript 的调试程序
官网GitHub
PhantomCSS
像素对比工具
点击进入GitHub
DejaVue
Vue.js的可视化Chrome开发工具
官网GitHub
avoriaz
一个Vue.js测试工具类库
官网GitHub
qunit
一个强大的JavaScript单元测试框架
官网GitHub
Expect.js
写一些简单测试用例、仿自然语言的方法
官网GitHub
should.js
一款js测试断言库
官网GitHub
supertest
nodejs开发单元测试
点击进入GitHub
Fundebug
一行代码搞定BUG监控!
官网
jasmine
一款 JavaScript 测试框架,它不依赖于其他任何 JavaScript 组件
官网GitHub
RegExr
一个基于HTML/JS的工具,用于创建,测试和学习正则表达式
官网GitHub

手机预览