H5 解决 IOS微信授权底部白色导航栏 白边问题

2018年08月,IOS微信发新版,带来了悬浮球等便捷功能,但是也带来了一个IOS底部白色导航栏的问题,这个微信自作聪明的功能,被众多广告主所厌恶,解决的难题摆在了程序面前

问题描述

常规来讲,我们需要登录的页面,都是检测登录后,如果未登录,就用location.href进行跳转,引导用户授权登录,但是新版IOS微信这样做的时候,微信会在底部自动填加一个白色的导航栏,不受程序控制,进一步减少了屏幕显示空间

解决办法

经过大量实验,我们发现如果是使用header告知浏览器进行30X跳转,这时微信不会增加这个白边
所以我们目前分享和二维码上的链接都是后端接口地址,根据登录状态给出合理的跳转地址
用户端无感

方法实例如下

public function index()
{
    $user = is_userlogin($this->appid);
    if (!empty($user))
    {
        return redirect($this->html);
    }
    else
    {
        $url = url('pocket/login/accountLogin', [
            'u'      => urlencode($this->html),
            'appid'  => $this->appid,
            'scopes' => $this->scope,
        ]);
        return redirect($url);
    }
}

相关文章

此处评论已关闭