全部產品
Search
文件中心

Mobile Platform as a Service:H5 應用載入失敗:白屏或顯示不正確,伴有 Mixed Content 警告

更新時間:Jul 13, 2024

錯誤描述

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

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

問題排查

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

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

  2. 點擊重新整理按鈕,在 WebView 中重新載入頁面。

  3. 在控制台中檢查是否有被阻止(Blocked)的頁面資源。

解決方案

保證頁面資源均通過 HTTPS 方法載入,且 HTTPS 網站的認證沒有安全問題。

點擊下方連結下載包含錯誤的程式碼範例: