通过油猴脚本加载vconsole，兼容手机电脑

collinchen1218 发表于 2024-6-3 23:17

[ 本帖最后由 collinchen1218 于 2024-6-6 01:03 编辑 ]\n\n

vconsole功能虽然一般，但是毕竟对于手机适配较好，而且无视debugger，在一些场景下比devtool易用性更强，devtool有时操作还是比较麻烦的

如何使用:任何支持js脚本的浏览器，电脑手机均可使用。推荐狐猴浏览器:支持edge＆Chrome扩展，支持开发者工具 v2.6.1.025 https://www.52pojie.cn/thread-1929964-1-1.html，也可以使用via浏览器，雨见浏览器……反正只要支持加载js脚本，电脑浏览器安装篡改猴插件也可以使用，需要时，点一下绿色的vconsole图标即可

```
// ==UserScript==
// @name 网页前端开发调试
// @namespace 52pojie
// @version 1.1
// @description 一个轻量、可拓展、针对网页的前端开发者调试面板
// @AuThor curious
// @match https://**/*
// @grant none
// @run-at document-start
// @require https://unpkg.com/vconsole@latest/dist/vconsole.min.js
// @license MIT
// ==/UserScript==
(function () { 'use strict'; var vConsole = new window.VConsole();
})();
```
方便下载与直接导入，提供网盘:
链接1:https://www.kzwr.com/file/364e73a4#密码：XCdemf
链接2:https://www.123pan.com/s/jUQ9-pDUWd.html

atoms 发表于 2024-6-3 23:44

收藏了第一次听说vconsole 之前手机端调试页面真是太复杂了{:1_889:}

collinchen1218 发表于 2024-6-3 23:45

atoms 发表于 2024-6-3 23:44
收藏了第一次听说vconsole 之前手机端调试页面真是太复杂了

抓包工具，用的无语，devtool，配个平板不错，手机就算了

collinchen1218 发表于 2024-6-3 23:48

本帖最后由 collinchen1218 于 2024-7-19 10:19 编辑

atoms 发表于 2024-6-3 23:44
收藏了第一次听说vconsole 之前手机端调试页面真是太复杂了
https://6f4a1f48.img2-30o.pages.dev/file/c2165f19085edf954b112.jpg
https://6f4a1f48.img2-30o.pages.dev/file/3452df65a731f77cf2b1f.jpg
https://6f4a1f48.img2-30o.pages.dev/file/4784f88d3af9716a3ce66.jpg
这种界面，就是有点小

Laotu 发表于 2024-6-4 00:26

正好今天Chrome查看抖音视频时，移动端无法打开，我去试试这个js去

J1Nmu 发表于 2024-6-4 09:02

厉害厉害很有用

viply 发表于 2024-6-4 09:40

collinchen1218 发表于 2024-6-3 23:48
这种界面，谁用谁感动，vconsole还能看，这是啥玩意儿？

一踩一捧就没必要了吧

weihai0631 发表于 2024-6-4 09:53

楼主威武，感谢分享

shengforever 发表于 2024-6-4 13:28

学习了还有这操作

collinchen1218 发表于 2024-6-4 19:56

viply 发表于 2024-6-4 09:40
一踩一捧就没必要了吧

好用是好用，但是不适合手机使用，适合平板

页: [1] 2

吾爱破解 - 52pojie.cn's Archiver

通过油猴脚本加载vconsole，兼容手机电脑