vue做的移动端h5页面,当用户在微信打开的时候怎么隐藏自己做的头部?_IOS_编程问答

vue做的移动端h5页面,当用户在微信打开的时候怎么隐藏自己做的头部?

来源:互联网  时间:2018/1/24 12:40:38

关于网友提出的“ vue做的移动端h5页面,当用户在微信打开的时候怎么隐藏自己做的头部?”问题疑问,本网通过在网上对“ vue做的移动端h5页面,当用户在微信打开的时候怎么隐藏自己做的头部?”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题: vue做的移动端h5页面,当用户在微信打开的时候怎么隐藏自己做的头部?
描述:

vue做的移动端h5页面,当用户在微信打开的时候怎么隐藏自己做的头部?
代码:

        var ua = window.navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == 'micromessenger' || ua.match(/_SQ_/i) == '_sq_') {
            $(".head").hide();
            document.title = '标题';
            var $body = $('body');
            var $iframe = $('<iframe src=""></iframe>');
            $iframe.on('load', function() {
                setTimeout(function() {
                    $iframe.off('load').remove();
                }, 0);
            }).appendTo($body);
        } else {
            $(".head").show()
        }
        

这里可以实现隐藏,但是页面在ios的微信打开,每次进行路由跳转,下面就会产生白方块,严重影响了页面的滚动。但是在安卓的微信打开并没有这种情况。所以想问问各位大神,有没有别的方法隐藏自己做的头部。


解决方案1:

判断是不是微信环境,如果是微信环境就不渲染头部。

判断是否为微信环境/MicroMessenger/i.test(window.navigator.userAgent)。

上一篇请问为什么audio标签在部分ios的机型上play()没有声音
下一篇微信服务号取关,微信支付五元以上为什么没有默认关注
明星图片
相关文章
《 vue做的移动端h5页面,当用户在微信打开的时候怎么隐藏自己做的头部?》由码蚁之家搜集整理于网络,
联系邮箱:mxgf168#qq.com(#改为@)