如何定制手Q的Webview

我们开发的H5页面有时候会在手Q中推广,但是手Q的Webview和微信的表现并不一样,比如同样的谷歌首页(https://www.google.com.hk/)在手Q和微信打开如下所示,左边为手Q(Android版本6.3.1.2735),右边为微信(Android版本6.3.15)。
 
手Q的Webview会自动添加三个功能:左上角的返回按钮、右上角的功能按钮(发送给QQ好友、分享QQ空间、发送给微信好友、分享到朋友圈、用QQ浏览器打开、收藏、复制链接、举报等)和底部的导航栏(后退、前进、手机QQ浏览器打开、收藏、刷新)。
微信的Webview会自动添加两个功能:左上角的关闭按钮、右上角的功能按钮(发送给朋友、分享到朋友圈、收藏、复制链接、在浏览器中打开、分享到手机QQ、分享到QQ空间、调整字体、优化阅读、投诉、发送邮件)。
下面我们分场景介绍下如何定制手Q的Webview ?
 
场景一
产品汪:搞不懂为什么手Q要在底部加那么丑的导航栏,本来手机屏幕就小,遮住太多空间!差评!
程序猿:小case了!只需要在URL中加一个_wv=1就可以了。
如:https://www.google.com.hk/?_wv=1,打开后的表现如下图,底部的导航栏就木有了!

 
场景二
产品汪:我这个页面不像让用户分享出去,能不能把分享也干掉?
程序猿:小case了!只需要在URL中加一个_wv=3就可以了。注:_wv为1时隐藏底部导航栏,为2时隐藏右上角的功能按钮,1+2=3,就可以同时隐藏导航栏和功能按钮了!
如:https://www.google.com.hk/?_wv=3,打开后的表现如下图。


 
场景三
产品汪:其实左上角的返回和顶部的标题也挺丑的,能不能也干掉,直接全屏显示?
程序猿:小case了!只需要在URL中加一个_wv=131072就可以了。
如:https://www.google.com.hk/?_wv=131072,打开后的表现如下图,页面全屏显示了有木有?!


 
场景四
产品汪:我这个活动不想让用户分享到微信!快点实现!
程序猿:小case!只需要在URL中加一个_wv=16384就可以隐藏菜单里面的“分享到微信”,增加一个_wv=32768就可以隐藏菜单里面的“分享到朋友圈”,_wv=49152(16384+32768)就可以同时隐藏分享到微信和朋友圈了。
全部隐藏参数如下:
8: 隐藏功能菜单里的「分享给好友」项
16: 隐藏功能菜单里的「分享到QQ空间」项
32: 隐藏功能菜单里的「复制链接」项
64: 隐藏功能菜单里的「查看帐号资料」项[4]
128: 隐藏功能菜单里的「调整字体」项
256: 隐藏功能菜单里的「用系统浏览器打开」项
512: 隐藏功能菜单里的「用QQ浏览器打开」项
8192: 隐藏功能菜单里的「收藏」项
16384:(4.7+) 隐藏功能菜单里的“分享到微信”
32768:(4.7+) 隐藏功能菜单里的“分享到朋友圈”
如:https://www.google.com.hk/?_wv=49152,打开效果如下


 
场景五
产品汪:我擦!横屏的时候为什么这么丑。。输入框都遮住了。。
UI设计师:就给了2天时间,哪有时间搞两套样式。。
程序猿:小case!只需要在URL中加一个_wv=1024禁用掉横屏就可以了
如:https://www.google.com.hk/?_wv=1024,打开效果和场景一是一样的!


 
场景六
新手程序猿:擦!为什么我的修改不生效呢?一定是缓存。。一定是缓存。。(开始撞墙)
老手程序猿:小case了!只需要在URL中加一个_wv=65536禁用掉Webview的缓存就可以了
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值