vConsole

手机前端开发调试利器
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 开发工具、 程序调试工具
软件类型 开源软件
地区 国产
投 递 者 卢出野
操作系统 跨平台
开源组织 腾讯
适用人群 未知
 软件概览

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

特性

  • 查看 console 日志
  • 查看网络请求
  • 查看页面 element 结构
  • 查看 Cookies、localStorage 和 SessionStorage
  • 手动执行 JS 命令行
  • 自定义插件
  • 最近发现了一个鹅厂的仓库,实现起来比我这个方便[捂脸]。https://github.com/AlloyTeam/AlloyLever 一、vue-cli脚手架中搭建的项目引入vConsole调试 1.首先npm安装,大家都懂的。 npm install vconsole 2.在合适的地方新建一个文件vconsole.js,内容如下: import Vconsole from 'vconsole'

  • 一、Vconsole 简介 ​ 一个轻量、可拓展、针对手机网页的前端开发者调试面板 ​ 二、功能特性 ​ 查看console.log|info|...日志、网络请求、HTML结构、本地存储等,在移动端网页调试非常方便。 三、在Vue2中的使用 ​ 1)安装 npm install vconsole -D ​ 2)在main.js中引入 // 引入 Vconsole import Vconsole

  • 说明 由于移动端项目在手机中调试时不能使用chrome的控制台,而vconsole是对pc端console的改写 使用方法 使用 npm 安装: npm install vconsole 使用webpack,然后js代码中: import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole let vConsole =

  • 使用场景:uniapp中h5项目本地调试查看打印数据使用 安装依赖包 npm install vconsole 在main.js中引用 import Vconsole from 'vconsole' // #ifdef H5 // 提交前需要注释 本地调试使用 const vconsole = require('vconsole') Vue.prototype.$vconsole = new v

  • this.tools.loadJS("{console.log("" target="_blank">https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js",()=>{console.log("加载完成")}); const initVConsole = () => { window.vConsole = new window.VConsol

  • <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script> <script> // VConsole 默认会挂载到 `window.VConsole` 上 var vConsole = new window.VConsole(); </script>

  • 1.1 选中你的项目,弄出终端,输入以下命令:npm install vconsole npm install vconsole cnpm install vconsole 引用vconsole,找到main.js文件中,加上以下代码: // #ifdef H5 // 提交前需要注释 本地调试使用 const vconsole = require('vconsole') Vue.protot

  • 直接引入使用 地址不对百度搜最新 替换 即可  // 引入 <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> <script> let vConsole = new window.VConsole(); </script>

 相关资料
  • 这是任何人都可以用来学习前端的实践手册, 它概述并讨论了前端工程的实践: 该如何学习以及实践时该使用什么工具. 撰写该手册的目的有两个: 一是为潜在以及正在实践的前端开发人员提供一个包括学习资料和开发工具的专业资源; 二是该手册可以被管理者, CTO, 讲师和猎头用来作为洞察前端开发的实践. 该手册的内容支持Web技术(HTML, CSS, DOM, 和 JavaScript), 并且手册提供的解

  • uniapp开发app,安卓机现在一切正常,ios的出现一些echarts图上的文字和页面上缺失部分文字,我现在想在windows电脑上连接苹果手机进行真机调试,我试过几种方法都无效,这个怎么破?求教! 1.使用了爱思助手的,没有证书,第二步无法进行----https://blog.csdn.net/m0_66504310/article/details/129842809 2.使用iTunes,

  • 此手册主要实现的目标:代码一致性和最佳实践。通过代码风格的一致性,降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践,确保页面性能得到最佳优化和高效的代码。 此手册是在开发中积累下来的经验和参考其它规范/指南制定的,它只是起指导作用,除个别条目强制之外,大多数为非强制约束,开发者可根据自己的实际情况自行决定是否要遵守 该指南只是保证大方向一致性和最佳实践的阶段性总结,不是最后结论,它会随着

  • 1.自我介绍 2.项目和经历介绍 3.get_user_id 转 驼峰表达式 最开始我用循环写的,在面试官指导下使用正则实现 4.本来面试官想问我vue相关的知识,但是我的技术栈是react 5.反问 希望能顺利通过 #快手# #暑期实习#

  • 名称 systemd-vconsole-setup.service, systemd-vconsole-setup — 配置虚拟控制台 大纲 systemd-vconsole-setup.service /usr/lib/systemd/systemd-vconsole-setup [TTY] 描述 systemd-vconsole-setup 用于建立并配置虚拟控制台,若提供了 TTY 参数,则

  • 分三个板块 1 选择题 测试基础和java知识 简单的很 2 多选题 智力题 数据结构 简单的很 3 编程题 3.1 给你一段数字 和 一个操作次数 每次操作可以把一个数字分成2个(如9=6+3) 求操作结束后 返回最大的那个数字最小 例如 【9】 2 应该返回 3 因为 第一次 9分成了 【3,6】 第二次 分成了 【3,3,3】 一开始的思想 把最大的分成第二大的和另一个数字 反复如此 后来发