墨轩阁博客墨轩阁博客墨轩阁博客

检测到QQ或微信环境访问网站,弹出提示窗口提醒用户选择其他浏览器

最近在编写支付页面时发现,在QQ和微信环境下无法调用支付宝支付功能。

因此,我加入了一个检测机制,当检测到网站在QQ或微信环境下打开时,

会自动调用 layer 和 jQuery 框架来弹出提示窗口,提醒访客需要选择

右上角的菜单按钮并选择使用其他浏览器打开网站才能进行支付操作。

经过测试,苹果微信QQ和安卓微信QQ都可以正常弹窗。
需要调用layer和jQuery框架。

<script src="//cdn.staticfile.org/jquery/1.12.4/jquery.min.js"></script><script src="//cdn.staticfile.org/layer/3.1.1/layer.min.js"></script><script>
    var isQQBrowser = navigator.userAgent.indexOf('QQ/') !== -1;
   var isWeChatBrowser = navigator.userAgent.indexOf('MicroMessenger') !== -1;if(isQQBrowser || isWeChatBrowser){
    layer.alert('<font color="red">当前环境不支持支付!</font><br/>请点击屏幕右上角,在浏览器打开即可跳转支付。', {title:'温馨提示'});}</script>


未经允许不得转载:墨轩阁博客 » 检测到QQ或微信环境访问网站,弹出提示窗口提醒用户选择其他浏览器

加载中~