vConsole 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
vConsole 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
vConsole 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
vConsole 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
vConsole 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
开源组织 腾讯
地区 国产
投 递 者 红薯
适用人群 未知
收录时间 2016-04-28

软件简介

vConsole 是一个轻量、可拓展、针对手机网页的前端开发者调试面板。

特性

  • 查看 console 日志
  • 查看网络请求
  • 查看页面 element 结构
  • 查看 Cookies、localStorage 和 SessionStorage
  • 手动执行 JS 命令行
  • 自定义插件
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (15)

加载中
eruda比这猛多了
2019/02/03 09:10
回复
举报
敢不敢放个再大点的二维码图片,浏览器都快显示不下了
2017/08/22 09:27
回复
举报
不错啊~就是有点小问题,import方式引入请求永远是pending,time永远不显示
2017/07/18 14:57
回复
举报
这个是腾讯的,和微信的这玩意贼像。https://alloyteam.github.io/AlloyLever/
2017/07/05 14:14
回复
举报
打分: 力荐
厉害
2017/06/14 10:58
回复
举报
要有类似开原的了,比你这功能强大
2017/04/09 10:39
回复
举报
打分: 力荐
2016/12/29 09:45
回复
举报
该评论暂时无法显示,详情咨询 QQ 群:912889742
该评论暂时无法显示,详情咨询 QQ 群:912889742
该评论暂时无法显示,详情咨询 QQ 群:912889742
更多评论
发表于开发技能专区
2019/02/03 08:15

vConsole 3.3.0 发布,手机前端开发调试利器

vConsole是一款由微信公众平台前端团队打造的前端调试面板,专治手机端看log难题。 目前vConsole自带有 2 个面板,默认为“日志”面板,负责展示log。 本次更新如下: 【特性】新增自动合并相同日志的能力。频繁输出相同日志时不再会被刷屏。 【修复】修复格式化日志(如 console.log('[foo]', 'bar'))无法显示到 Log 面板的问题。 更新日志

3
23
发表于服务端专区
2019/01/20 07:09

vConsole 3.2.2 发布,手机前端开发调试利器

vConsole是一款由微信公众平台前端团队打造的前端调试面板,专治手机端看log难题。 目前vConsole自带有2个面板,默认为“日志”面板,负责展示log。 本次更新如下: 【特性】新增控制台输入提示。 (by @65147400) 【特性】支持 SessionStorage。 (by @hkc452) 【修复】修复 JSON.stringify 函数被错误地改写的问题。 【修复】修复清空日志时没有重置 logNumber 的问题。 (by @liuyuekeng) 【修复】修复 Network 面板中 HTML 标签...

2
30
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于大前端专区
2018/06/24 18:52

VConsole的使用

手机端控制台打印输出,方便bug的排查。 首先需要引入vconsole.min.js 文件,然后在文件中创造实例。就能直接使用了。 var vConsole = new VConsole(); vConsole的文件地址

0
0
发表了博客
2018/08/04 14:11

webpack 引用vconsole

1.npm install -vconsole --save-dev 2.npm install -vconsele-webpack-plugin --save-dev 3.webpack.base.conf.js 'use strict' const path = require('path') const utils = require('./utils') const config = require('../config') const webpack = require('webpack') const vueLoaderConfig = require('./vue-loader.conf') const vConsolePlugin = require('vconsole-webpack-plugin'); // 引入vConstle funct...

0
0
发表了博客
2018/12/20 19:11

vconsole使用

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="jquery.min.js"></script> <script src="https://www.w3cways.com/demo/vconsole/vconsole.min.js?v=2.2.0"></script> <script> $(document).ready(function(){ $(".btn1").click(function(){ $.get("test.php", function(result){ console.log(resu...

0
0
发表了博客
2018/08/03 09:54

配置vConsole调试console

1.使用 npm 安装: npm install vconsole 再使用webpack,然后js代码中 import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole let vConsole = new VConsole() // 初始化 2.找到这个模块下面的 dist/vconsole.min.js ,然后复制到自己的项目中 <head> <script src="dist/vconsole.min.js"></script> </head> <!--建议在 `<head>` 中引入哦~ --> <script> // 初始化 var vConsole = new VConsole(); console...

0
0
发表于大前端专区
2018/03/20 18:48

前端 手机 调试 框架 vConsole

原文链接: 前端 手机 调试 框架 vConsole 上一篇: Vue 组件样式 优先级 下一篇: vuex 辅助函数 git https://github.com/Tencent/vConsole vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试面板。 特性: 查看 console 日志 查看网络请求 手动执行 JS 命令行 自定义插件 使用方法很简单,安装后直接创建对象就行,或者通过cdn引入再创建实例 npm install vconsole var vConsole = new VConsole(); console.log('Hel...

0
0
发表了博客
2019/06/20 16:03

移动端调试利器-vConsole

现在移动端开发越来越火,随之而来的问题也越来越多,今天给大家介绍一款移动端调试神器,vconsole。 一、先引用文件,可以从https://www.bootcdn.cn/vConsole/下载,也可以下载保存在本地,直接引用    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo.html</title> <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> </head> <body> <script ty...

0
0
发表了博客
2019/06/20 18:02

移动端调试神器vConsole

vConsole.js 其实就是重写console方法,实现了类似于微信小程序的移动端调试效果 在普通html文件里使用 <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> <script> // init vConsole var vConsole = new VConsole(); console.log('Hello world'); </script> 这时候当你打开页面右下角就会出现一个绿色按钮 点击就会显示类似浏览器的控制台 vue里使用方法...

0
0
发表了博客
2019/12/24 14:38

H5页面如何引入vConsole

vConsole github地址 vConsole 是腾讯开源的项目,这就简单的介绍一下使用 使用npm引入vconsole.min.js 下载 vConsole 的最新版本。(不要直接下载 dev 分支下的 dist/vconsole.min.js) 或者使用 npm 安装: npm install vconsole 引入 dist/vconsole.min.js 到项目中: <script src="path/to/vconsole.min.js"></script> <script> // 初始化 var vConsole = new VConsole(); console.log('Hello world'); </script> 手动引入v...

0
0
发表了博客
2019/03/01 16:30

移动端调试工具vConsole

项目开发时经常需要debug调试,但在移动端debug则会阻断代码运行,并且很难判断出错在哪里,这里我们需要借助第三方插件 vConsole 安装: 1.下载模块: 下载 vConsole 的最新版本 或 使用 npm 安装: npm install vconsole 然后复制 dist/vconsole.min.js 到自己的项目中 2.引入模块: (1) 如果未使用 AMD/CMD 规范,可直接在 HTML 中引入 vConsole 模块。为了便于后续扩展,建议在 <head> 中引入: <head> <script src="pat...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
15 评论
289 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部