錯誤描述
H5 應用無法正常顯示,可能是部分載入或完全白屏狀態。
在開發過程中,H5 應用可能需要引用眾多的頁面資源。如果是通過 HTTP 協議引用的資源,在 iOS 平台上通過離線包開啟時則可能存在無法載入的情況。H5 容器開啟離線包時,實際是通過 HTTPS://<appid>.<H5虛擬網域名稱> 載入的。因此,頁面中的 HTTP 資源會引起 WebView Mixed Content 警告,部分資源(如 JavaScript 檔案、iframe 頁面等)會無法載入。
問題排查
當發現離線包頁面無法正常載入時,可以通過瀏覽器對 WebView 進行調試。
開啟 Safari > 開發 > 目標機器 > 目標離線包頁面。
點擊重新整理按鈕,在 WebView 中重新載入頁面。
在控制台中檢查是否有被阻止(Blocked)的頁面資源。
解決方案
保證頁面資源均通過 HTTPS 方法載入,且 HTTPS 網站的認證沒有安全問題。
點擊下方連結下載包含錯誤的程式碼範例: