手机浏览器f12怎么用，手机浏览器如何f12

2023-06-06 分类：聚合分类 赞(3)

大家可能会遇到一些谷歌浏览器模拟手机端没问题，但是真机上会出现的bug，真机上没有F12，很难定位bug原因。

偶尔找到一款工具，可以方便的在手机端打开F12，记录一下分享给大家。

这款工具就是vconsole，记录一下使用方法：

一、多页面，用script的方式引入

首先引入vconsole

之后在需要使用的页面引入

var vConsole = new VConsole();

如果是生产环境，不想让用户看到，可以这样做：

if(window.location.href.indexOf(“debugger”)!=-1){var vConsole = new VConsole();}

在页面url加一个?debugger就可以启动调试模式

二、单页面应用，比如在vue中引入

首先

npm install vconsole

之后在main.js或者需要的页面引入

import Vconsole from ‘vconsole’const vConsole = new Vconsole()Vue.use(vConsole)

赞(3)

【声明】：本博客不参与任何交易，也非中介，仅记录个人感兴趣的主机测评结果和优惠活动，内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客，即表示您已经知晓并接受了此声明通告。

分享到