Web前端开发网

fly63.com

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

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

vConsole

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

扫一扫分享

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

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

更多»
热门资源
mocha
现在最流行的JavaScript测试框架之一,在浏览器和Node环境都可以使用
官网
GitHub
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
类似于vConsole的资源
JSONPlaceholder
一个提供免费的在线 REST API 的网站
官网
GitHub
Sinon
一套面向js的单元测试辅助库
官网
GitHub
Casper.js
一个基于PhantomJS和SlimerJS的前端端对端测试框架
官网
GitHub
wpt
Web平台规范的测试套件—包括WHATWG, W3C
官网
GitHub
tape
像代码一样跑测试
官网
GitHub
PhantomCSS
像素对比工具
点击进入
GitHub
fast-check
用TypeScript编写基于Property 的JavaScript测试框架
点击进入
GitHub
uirecorder
一端录制,多端使用的便捷 UI 自动化测试工具
官网
GitHub
目录

手机扫一扫预览

首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架

Copyright © 2018 Web前端开发网 All Rights Reserved. 分享编程学习资源(教程/框架/库)、在线工具、技术教程、内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。