• 2024-10-07
宇哥博客 前端开发 手机前端开发页面调试工具vConsole

手机前端开发页面调试工具vConsole

电脑前端页面开发浏览器可以调出开发者工具(快捷键“F12”),很方便的查看页面元素、Network、Cookies等信息,但是在手机上就看不到这些信息,很不方便找出问题所在。

调试工具vConsole,使用很方便,只需要引入JS就可以,使用起来和电脑端浏览器开发者工具几乎没有区别。

代码

<script src="//unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
  // VConsole 默认会挂载到 `window.VConsole` 上
  var vConsole = new window.VConsole();
</script>

效果

页面右下角出现“vConsole”绿色按钮,点击后在弹出浮层,即可看到控制台信息。

更多

其它可用CDN:

vConsole github地址:https://github.com/Tencent/vConsole

vConsole gitee地址:https://gitee.com/mirrors/vConsole/

本文来自网络,不代表本站立场,转载请注明出处。http://www.ygbks.com/2327.html

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

返回顶部