适用于Android端调试必备神器：vConsole插件

最新推荐文章于 2024-05-15 10:54:59 发布

Mr_LoveJia

最新推荐文章于 2024-05-15 10:54:59 发布

阅读量2.3k

点赞数

分类专栏： IT必备神器前端文章标签： android app 安卓 js javascript

本文链接：https://blog.csdn.net/Mr_LoveJia/article/details/114059395

版权

前端同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

IT必备神器

1 篇文章 0 订阅

订阅专栏

总览

一、代码块
二、效果图
三、拓展
四、其他

使用场景：
1）在我们开发app时，pc端开发时候好好的，到手机端却不起作用；
2）手机端APP不能调试，那该怎么办？于是就需要手机端调试工具；
3）本文章主要介绍vConsole有哪些功能，以及怎么使用等；

废话不多说，上干货

一、代码块

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<!--适配手机屏幕-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>dome</title>
        <!--vconsole  js-->
		<script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script>
	</head>
	<body>
		<script>
	        // init vConsole
	        var vConsole = new VConsole();
	        console.log('Hello world');
	    </script>
	</body>
</html>

二、效果图

三、拓展

1、如我们看到的效果图1，里面是被new出来的vConsole按钮，该按钮还可拖拽；

2、效果图2是点击按钮后，展现出来的调试页面，里面分别有log(一般日志)、System（系统日志）、Network（网络日志）、Element（元素结构）、Storage（数据存储）等模块；

3、vConsole调试功能总体上和pc端游览器的调试功能相近，还是比较不错的一个插件；

四、其他

官方源代码地址：https://github.com/Tencent/vConsole

Mr_LoveJia

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
适用于Android端调试必备神器：vConsole插件

使用场景：1）在我们开发app时，pc端开发时候好好的，到手机端却不起作用；2）手机端APP不能调试，那该怎么办？于是就需要手机端调试工具；3）本文章主要介绍vConsole有哪些功能，以及怎么使用等；废话不多说，上干货一、代码块<!DOCTYPE html><html> <head> <meta charset="UTF-8">  <meta name="viewport" conten
复制链接

扫一扫