錯誤描述

H5 應用無法正常顯示，可能是部分加載或完全白屏狀態。

在開發過程中，H5 應用可能需要引用眾多的頁面資源。如果是通過 HTTP 協議引用的資源，在 iOS 平臺上通過離線包打開時則可能存在無法加載的情況。H5 容器打開離線包時，實際是通過 HTTPS://<appid>.<H5虛擬域名> 加載的。因此，頁面中的 HTTP 資源會引起 WebView Mixed Content 警告，部分資源（如 JavaScript 文件、iframe 頁面等）會無法加載。

問題排查

當發現離線包頁面無法正常加載時，可以通過瀏覽器對 WebView 進行調試。

1. 打開 Safari > 開發 > 目標機器 > 目標離線包頁面。

2. 點擊刷新按鈕，在 WebView 中重新加載頁面。

3. 在控制臺中檢查是否有被阻止（Blocked）的頁面資源。

解決方法

保證頁面資源均通過 HTTPS 方法加載，且 HTTPS 站點的證書沒有安全問題。

點擊下方鏈接下載包含錯誤的代碼示例：

• MixedContentIssue

• 其它錯誤示例