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 解决 白边问题」标签,已有 1353 位童鞋阅读过。
此处评论已关闭