手机浏览器页面如何调试，请用vconsole

最新推荐文章于 2024-07-29 15:29:22 发布

碧海饮冰

最新推荐文章于 2024-07-29 15:29:22 发布

阅读量1.8k

点赞数

分类专栏：技术代码类文章标签： javascript web app

本文链接：https://blog.csdn.net/mini_snow/article/details/121008925

版权

技术代码类专栏收录该内容

22 篇文章 1 订阅

订阅专栏

发现手机端的浏览器页面和在电脑端浏览器开发者模式模拟的手机，显示效果不大一致，应该怎样调试呢，可以试着加入vconsole代码。

通过vConsole.js 重写console方法，实现了类似于微信小程序的移动端调试效果。
具体使用方法如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>demo.html</title>
    <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        let vConsole = new VConsole();
    </script>
</body>
</html>