## 前言 本文就webview中總體規劃以及出現的問題進行了分類描述，之后的webview開發中需要基于這個準則，并按照這個準則進行拓展。 ## 總綱 | 主題 | 方案 | 備注 | | --- | --- | --- | | 統一確定的ua標識 | 比如ua結尾加入【xhx】 | 無 | | h5公用的app頭 | app端提供統一的app頭，參考支付寶以及微信的ua交互，提供顯示頁面標題，返回，關閉的簡單操作，默認頁面可滾動 | 之后其他的h5默認在這個類瀏覽器外殼中，針對前端一些固定布局的方案，需要優化完善這個外殼，前端技改時間允許的話，最好給出完整確定的方案可以在webview中無縫對接和展示 | | h5與app定制頭 | 針對產品以及交互特殊需求，提供的特殊頁面，比如單頁，強交互邏輯頁定制專門的頭 | 需要產品明確說明特殊性，不是瀏覽器的返回，比如返回需要加確認框，就需要定制 | | h5與app功能性交互 | 約定常規交互方法的格式，并給出相互通訊的一些固定的可用的方法，比如獲取用戶信息，獲取app網絡狀態 | 這個是雙向的功能性交互，h5的一些方法也可以設置app的狀態，頁面跳轉，數據存儲等 | | h5與app純交互性方法 | 調取相應app的加載框，加載失敗，相冊控件，掃碼控件 | 需要與產品，交互統一確定是否使用app原生控件還是h5效果。 | | h5與app不同場景的分享互通 | 比如：用戶在不同app中：新航線app分享到h5詳情頁，h5詳情頁也可以對應到新航線app中打開 | 需要約定規則 | | app提供webview的外殼 | 可以通過app外殼掃碼進入webview場景，模擬交互，開發階段暴露解決一些app中問題 | 以上的app解決方案集成在這個app外殼中 | ## 其他 * 本文協議規則由前端發起，來源于前端與客戶端雙方協定，不斷完善中。 * 目前與app交互中，app主要使用的技術都是js interface技術，安全性較低，后面建議更換為更高級的技術或者做混合應用。