您好,欢迎来到[编程问答]网站首页   源码下载   电子书籍   软件下载   专题
当前位置:首页 >> 编程问答 >> IOS >> vue做的移动端h5页面,当用户在微信打开的时候怎么隐藏自己做的头部?

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)。


以上介绍了“ vue做的移动端h5页面,当用户在微信打开的时候怎么隐藏自己做的头部?”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:http://www.codes51.com/itwd/4534315.html

相关图片

相关文章