从微信提示用户浏览器打开

需求:用户扫码出现页面后当用户点击领取判断是否在微信,如果是微信则提示用户在浏览器中打开
第一步:判断是都是在微信打开


export function isWeixinBrowser() {const ua = window.navigator.userAgent.toLowerCase();const tag = 'micromessenger';return ua.indexOf(tag) > -1;
}

第二步:在vue代码中使用

  const judgeInWeixin = () => {console.log('judgeInWeixin', isWeixinBrowser());return isWeixinBrowser();};

第三步:点击按钮时候根据判断结果显示提示

 const btnClick = () => {const isWeixin = judgeInWeixin();console.log('click');if (isWeixin) {state.showMaskGuide = true;return;}

第四步:写提示页面

const state = reactive({showMaskGuide: false,});

<div class="guide-mask-container" v-if="showMaskGuide"><div class="guide-image"></div></div>

基本样式

.guide-mask-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background: rgba(0, 0, 0, 0.5);.guide-image {width: 100%;height: 100%;background: url('https://kano.guahao.cn/fmD550615359') no-repeat;background-size: 100% 100%;}}

ok了

从微信提示用户浏览器打开相关推荐

html判断是否在微信里打开,JavaScript判断浏览器内核，微信打开自动提示在浏览器打开...
微信会屏蔽 URL 自定义的 scheme ,导致无法跳转手机中的浏览器.网上有一些工具类网站可以实现直接跳转浏览器,之后有机会我会整理一下.我们今天只讨论通过 JavaScript 判断是否在微信浏 ...
qq打开网页时提示用浏览器打开html,微信QQ打开网页时提示用浏览器打开
微信QQ打开网页时提示用浏览器打开一,需求分析 1.1,使用微信或QQ打开网址时,无法在微信或QQ内打开常用下载软件,手机APP等.故此需要在微信qq里提示二,功能实现 2.1 html实现请点 ...
JavaScript判断浏览器内核，微信打开自动提示在浏览器打开
微信会屏蔽 URL 自定义的 scheme ,导致无法跳转手机中的浏览器.网上有一些工具类网站可以实现直接跳转浏览器,之后有机会我会整理一下.我们今天只讨论通过 JavaScript 判断是否在微信浏 ...
微信点击链接下载APP或者文件后自动调用手机自带默认浏览器或提示选择浏览器打开如何实现
微信内无法直接下载app或者其他文件,是因为微信会拦截含下载文件的链接.很多朋友包括我自己想分享app下载地址的时候都会遇到这个问题,故特地跑去找各种解决方案,最终锁定了一个方便快捷的方法,那就是用在 ...
判断网页是否为微信内置浏览器打开？
文章目录 (两种方法)教你:"如何判断网页是不是在微信端内置浏览器打开?" 本文根据项目开发实际情况,着重探讨在微信内置浏览器中调用支付功能,遇到的几个坑! 目的: (方法一)全部 ...
博客园在微信内置浏览器打开时添加微信赞赏码功能
我的博客开通了赞赏,看右侧悬浮[打赏],很容易弄,文末有链接. 另外,在微信中打开时,博客正文底部增加微信赞赏码,在微信内置浏览器打开时,长按图片识别,直接可以赞赏. 这本人自己摸索的,未参考任何博文 ...
如何在微信复制链接直接可以用浏览器打开微信调用手机浏览器打开指定链接
由于微信的限制,应用文件在内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时,界面显示一片空白,容易误导以为在下载呢 <!DOCTYPE html> <html> ...
微信打开链接提示用浏览器打开
在微信里无法打开下载链接和被封掉的域名,而在浏览器中却可以.那么有没有解决办法呢? 肯定是有的解决方案:弹出一个遮罩,提示用户在浏览器中打开进行下载或者是打开网页其实原来很简单,就是判断当前是在微 ...
微信内部浏览器打开网页时提示外部浏览器打开升级版
使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等. 解决方案:弹出一个遮罩提示用户在新的浏览器窗口打开. 使用的是纯JS+HTML+CSS结合的方式,但不要一进入微信就弹出提示它在新浏览 ...

从微信提示用户浏览器打开

从微信提示用户浏览器打开相关推荐

最新文章

热门文章