前言:
而今我们对“火狐调试器怎么用”都比较着重,朋友们都需要学习一些“火狐调试器怎么用”的相关知识。那么小编也在网络上汇集了一些有关“火狐调试器怎么用””的相关知识,希望我们能喜欢,大家快快来学习一下吧!简介
我们在移动端调试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发送的请求信息等
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #火狐调试器怎么用 #火狐调试器怎么用教程