No Comments

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);
    }
}

最后更新于 2018-09-11 06:08:09 并被添加「H5 解决 白边问题」标签，已有 1506 位童鞋阅读过。

相关文章

此处评论已关闭