龙空技术网

「H5」 增加调试工具

迟来的风 376

前言:

而今我们对“火狐调试器怎么用”都比较着重,朋友们都需要学习一些“火狐调试器怎么用”的相关知识。那么小编也在网络上汇集了一些有关“火狐调试器怎么用””的相关知识,希望我们能喜欢,大家快快来学习一下吧!

简介

我们在移动端调试H5的时候,大多数的问题需要查看一下前端打印的日志或者 前端调用接口的详情。

这个时候就需要用到该工具了。类似 谷歌/火狐 浏览器 的F12(打开调试工具)的效果

引用js

再 H5 Index 主页的 Header中 加入以下代码,加载header中其他引用的最前面

该 js 是cdn提供的一个调试 js。可以直接线上引用。也可以自己下载到本地(如果考虑网络问题)

<script src=";></script>    <script>        // 初始化        var vConsole = new VConsole();        console.log('Hello world');    </script>

效果

打开H5界面后,右下角会有一个 调试按钮的图标(vConsole)

点击 vConsole 按钮。就可以打开调试工具,可以查看页面的日志信息及H5发送的请求信息等

标签: #火狐调试器怎么用 #火狐调试器怎么用教程