如何定制手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=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,打开效果如下
场景四 产品汪:我这个活动不想让用户分享到微信!快点实现! 程序猿:小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+) 隐藏功能菜单里的“分享到朋友圈”
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 
   

猜你喜欢

转载自willvvv.iteye.com/blog/2290642