如何定制手Q的Webview

我们开发的H5页面有时候会在手Q中推广,但是手Q的Webview和微信的表现并不一样,比如同样的谷歌首页(https://www.google.com.hk/ )在手Q和微信打开如下所示,左边为手Q(Android版本6.3.1.2735),右边为微信(Android版本6.3.15)。
ruhedingzhishouQdeWebview_01.png
手Q的Webview会自动添加三个功能:左上角的返回按钮、右上角的功能按钮(发送给QQ好友、分享QQ空间、发送给微信好友、分享到朋友圈、用QQ浏览器打开、收藏、复制链接、举报等)和底部的导航栏(后退、前进、手机QQ浏览器打开、收藏、刷新)。
微信的Webview会自动添加两个功能:左上角的关闭按钮、右上角的功能按钮(发送给朋友、分享到朋友圈、收藏、复制链接、在浏览器中打开、分享到手机QQ、分享到QQ空间、调整字体、优化阅读、投诉、发送邮件)。

下面我们分场景介绍下如何定制手Q的Webview

场景一
产品汪:搞不懂为什么手Q要在底部加那么丑的导航栏,本来手机屏幕就小,遮住太多空间!差评!
程序猿:小case了!只需要在URL中加一个_wv=1就可以了。
如:https://www.google.com.hk/?_wv=1 ,打开后的表现如下图,底部的导航栏就木有了!
ruhedingzhishouQdeWebview_02.png

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

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


场景四
产品汪:老板说这个活动可以分享,但是不想让用户分享到微信!快点实现!
程序猿:小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 ,打开效果如下
ruhedingzhishouQdeWebview_05.png

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

场景六
新手程序猿:擦!为什么我的修改不生效呢?一定是缓存。。一定是缓存。。(开始撞墙)
老手程序猿:小case了!只需要在URL中加一个_wv=65536禁用掉Webview的缓存就可以了
如:https://www.google.com.hk/?_wv=65536 
所有参数及含义如下:

1: 隐藏底部导航(隐藏后返回按钮功能变为页面后退, 可以配合4使用)
2: 隐藏功能按钮
4: 在没有底部导航的情况下,禁用返回按钮的页面后退功能
1024: 锁定竖屏模式(禁用横屏)
2048 [未实现]: 锁定横屏模式(禁用竖屏)
4096 [iOS]: 禁用向右滑动关闭WebView的手势
8: 隐藏功能菜单里的「分享给好友」项
16: 隐藏功能菜单里的「分享到QQ空间」项
32: 隐藏功能菜单里的「复制链接」项
64: 隐藏功能菜单里的「查看帐号资料」项
128: 隐藏功能菜单里的「调整字体」项
256: 隐藏功能菜单里的「用系统浏览器打开」项
512: 隐藏功能菜单里的「用QQ浏览器打开」项
8192: 隐藏功能菜单里的「收藏」项
16384:(4.7+) 隐藏功能菜单里的“分享到微信”
32768:(4.7+) 隐藏功能菜单里的“分享到朋友圈”
65536:(4.7+)禁用webveiw缓存
131072:(5.3+)全屏
262144:(5.3+)固定竖屏(实现重复了)
524288:(5.3+)activity 透明
1048576:(5.3+)忽略登录态(不种入登陆态)
2097152:(5.3+)忽略多层返回时显示"关闭"按钮
4194304:(5.5+)预定位
8388608:移除SID(IOS)
16777216:(5.7+)透明标题栏
33554432:(5.7+)隐藏后关闭(用于中转页)
67108864:(5.8+)关闭长按功能

以上信息是否解决您的问题?

Copyright © 1998 - 2021 Tencent. All Rights Reserved.

腾讯公司 版权所有

返回顶部