!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>网站引入 vConsole ,移动调试更方便

网站引入 vConsole ,移动调试更方便

手机上没有 F12,无法调出控制台,调试的时候比较麻烦。最近给网站集成了 vConsole ,方便移动端的调试。vConsole 是腾讯推出的一个针对手机网页前端调试的面板。项目地址请戳这里。

网站引入 vConsole ,移动调试更方便

使用 vConsole ,一般只要网站引入 vconsole.min.js 文件,然后通过 new VConsole(); 直接调用即可。文件的引用可以下载到本地引入也可以通过 cdn 直接调用。下面给出文件下载地址:

  • https://github.com/Tencent/vConsole/releases/tag/v3.3.0

如果直接调用的话访客访问时手机端下部会显示一个绿色的小按钮,显然影响体验。这里给出个人认为比较好用的两种调用方式吧。

方法一 JavaScript 判断是否调用

使用该代码引入,只需要在需要调用的页面网址后添加 ?vconsole=true 判断一下即可。例如:https://zibuyu.life/1.html?vconsole=true 即可。但是每次都需要手动输入一下感觉还是有些麻烦。(代码来源孟坤博客)

方法二 WordPress 根据用户身份判断是否调用

WordPress 用户如果不太关注管理员前端显示可以使用如下方式判断一下用户身份,确定是否加载调试按钮。

其实就是通过 current_user_can() 函数判断一下用户权限的事儿,使用体验也还好。

给TA打赏
共{{data.count}}人
人已打赏
网站运维

WordPress如何限制用户在不同文章分类上的权限(wordpress权限设置)

2022-9-7 11:53:42

网站运维

wp2wb—WordPress 同步微博插件

2022-9-7 12:31:34

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 admin@s9h.cn 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索