如何定製手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的緩存就可以了
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章