The h5 page of the PC-side project runs on the mobile browser and uses vconsole to view page elements, consoles, requests and other information


1. Introduction to vconsole

1. Function

使用vconsole来查看h5页面运行在手机浏览器上的页面元素、控制台、请求等信息

2. Advantages

In the vue project, it can also be used without using npm installation

Two, use

Not much to say, just put the following code directly in the <body> tag

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
    var vConsole = new window.VConsole();
</script>

1. jq project and js project

Put the following code directly in the <body> tag
insert image description here

2. vue project

Put it in the body of the index.html page in the root directory, as shown below
insert image description here

3. Introduction

1. After successful use, the vConsole as shown below will appear in the lower right corner of the page

insert image description here

2. Common functions (console, request, element, storage)

insert image description here

Guess you like

Origin blog.csdn.net/weixin_44784401/article/details/130597677