如何定制手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的缓存就可以了

如：https://www.google.com.hk/?_wv=65536