排查「H5 有输出但 Safari 看不到」时发现,即便绕开 Safari 只看 Xcode,也有三类
故障是完全静默的:
1. 资源 404(<script>/<img>/<audio> 加载失败)
error 事件只在元素自身触发且不冒泡,原先 addEventListener('error', fn) 收不到。
改为捕获阶段 (capture=true),JS 异常的 ev.target 是 window,据此在同一 listener
内分流 onerror / resourceerror 两类。缺图缺 js 是 H5 最常见的线上故障,此前零信号。
2. WebView 加载失败(didFailProvisionalNavigation / didFail)
两个 VC 的 WKNavigationDelegate 此前只实现了 didFinish。AppSchemeHandler 找不到
index.html、子游戏 zip 解压残缺时,splash 永不淡出、卡在启动图,Xcode 无任何输出。
3. WebContent 进程终止(webViewWebContentProcessDidTerminate)
canvas 游戏 JSC OOM 被系统回收时页面白屏,同样静默。
⚠️ 只 log 不自动 reload —— 自动恢复是行为变化,msext 没有,不引入。
另:H5ErrorRelay.install 增加 label 参数,输出前缀从 [H5 xxx] 变为
[H5:lobby xxx] / [H5:subGame xxx]。同时存在多个 BridgedWebView 时原先分不清
日志来自谁,也就无法反推该在 Safari「开发」菜单里选哪个条目。
无契约影响:H5 可观察行为不变,新增回调仅记录不改流程。
Debug / Release 两个配置均已编译验证。
docs/H5-Debug-Guide.md §8.1 更新能力表,新增 §8.2 已知盲区 / §8.3 设计要点。
119 lines
5.5 KiB
Swift
119 lines
5.5 KiB
Swift
//
|
||
// BridgedWebView.swift
|
||
// ylgamehall
|
||
//
|
||
// WKWebView + WebViewJavascriptBridge.js 注入 + BridgeBus 一体封装。
|
||
// 详见 docs/H5-Native-Implementation-Design.md §3.3 / 契约 §4.1。
|
||
//
|
||
|
||
import UIKit
|
||
import WebKit
|
||
|
||
/// 内嵌 H5 的 WebView 组件,已挂好桥与必要配置。WebContainerViewController(Phase 1.10)
|
||
/// 通过把本 view 嵌入自己的内容区,再加上 16:9 letterbox / 生命周期管理。
|
||
@MainActor
|
||
public final class BridgedWebView: UIView {
|
||
|
||
public let webView: WKWebView
|
||
public let bridge: BridgeBus
|
||
|
||
/// - Parameter label: 容器标识(`lobby` / `subGame`),仅用于桥诊断日志区分来源,
|
||
/// 不参与任何契约行为。
|
||
public init(label: String = "webview") {
|
||
// ── WKWebViewConfiguration(契约 §4.1)─────────────────
|
||
let configuration = WKWebViewConfiguration()
|
||
configuration.defaultWebpagePreferences.allowsContentJavaScript = true
|
||
configuration.preferences.javaScriptCanOpenWindowsAutomatically = false
|
||
configuration.preferences.minimumFontSize = 10
|
||
configuration.allowsInlineMediaPlayback = true
|
||
// H5 背景音自播:默认 .all 要求该 WKWebView 实例有 user gesture 才放行媒体,
|
||
// 大厅页用户点击过没问题;子游戏 push 后立即 loadFileURL 自播背景音被静默拦截,
|
||
// 表现为"子游戏 webview 没声音"。设空集让所有媒体都不要求 user gesture。
|
||
configuration.mediaTypesRequiringUserActionForPlayback = []
|
||
configuration.processPool = SharedProcessPool.shared
|
||
|
||
// ── 自定义 URL scheme 注册(Phase 1.F)────────────────────
|
||
// 大厅 + 子游戏的 H5 通过 `ylgame://h5/...` 加载,由 AppSchemeHandler 反向
|
||
// 映射到沙盒文件。理由(详见 docs/H5-Native-Implementation-Design.md §17):
|
||
// - file:// origin 是 null,XHR/fetch 受限;自定义 scheme 是稳定 origin
|
||
// - 大厅 + 所有子游戏共用 `ylgame://h5` 单 host → same-origin →
|
||
// 共享 localStorage(与现状 file:// 等价)
|
||
// - 为未来 Cocos 子游戏 H5 适配铺路
|
||
configuration.setURLSchemeHandler(
|
||
AppSchemeHandler.shared,
|
||
forURLScheme: AppScheme.scheme
|
||
)
|
||
|
||
// ── 在 documentStart 注入 WebViewJavascriptBridge.js ─────
|
||
// .atDocumentStart 保证 H5 业务代码运行时 window.WebViewJavascriptBridge 已就绪
|
||
if let url = Bundle.main.url(forResource: "WebViewJavascriptBridge",
|
||
withExtension: "js"),
|
||
let source = try? String(contentsOf: url, encoding: .utf8) {
|
||
let userScript = WKUserScript(
|
||
source: source,
|
||
injectionTime: .atDocumentStart,
|
||
forMainFrameOnly: true
|
||
)
|
||
configuration.userContentController.addUserScript(userScript)
|
||
} else {
|
||
// 编译期保证文件存在;运行时若缺,留 print 便于排查
|
||
print("[BridgedWebView] ERROR: WebViewJavascriptBridge.js 未在 Bundle 找到")
|
||
}
|
||
|
||
// ── H5 错误中继(Phase 9.2,原则 A 零修改 H5)─────────────
|
||
// 把 console.error / window.onerror / unhandledrejection 通过独立
|
||
// 的 webkit.messageHandlers.h5error 桥到原生 print,开发期减少盲点。
|
||
H5ErrorRelay.shared.install(into: configuration.userContentController, label: label)
|
||
|
||
// ── 创建 WKWebView + BridgeBus ─────────────────────────
|
||
let webView = WKWebView(frame: .zero, configuration: configuration)
|
||
#if DEBUG
|
||
if #available(iOS 16.4, *) {
|
||
webView.isInspectable = true
|
||
}
|
||
#endif
|
||
let bridge = BridgeBus(webView: webView,
|
||
controller: configuration.userContentController,
|
||
label: label)
|
||
|
||
self.webView = webView
|
||
self.bridge = bridge
|
||
|
||
super.init(frame: .zero)
|
||
|
||
// ── ScrollView 配置(契约 §4.1,禁手势滚动 / 弹性 / 自动 inset)──
|
||
let scroll = webView.scrollView
|
||
scroll.bounces = false
|
||
scroll.isScrollEnabled = false // ⚠️ 漏则 H5 上下滑动失控(契约硬约束)
|
||
scroll.contentInsetAdjustmentBehavior = .never
|
||
scroll.showsVerticalScrollIndicator = false
|
||
scroll.showsHorizontalScrollIndicator = false
|
||
|
||
// ── 布局:WebView 撑满 self ─────────────────────────────
|
||
webView.translatesAutoresizingMaskIntoConstraints = false
|
||
addSubview(webView)
|
||
NSLayoutConstraint.activate([
|
||
webView.topAnchor.constraint(equalTo: topAnchor),
|
||
webView.bottomAnchor.constraint(equalTo: bottomAnchor),
|
||
webView.leadingAnchor.constraint(equalTo: leadingAnchor),
|
||
webView.trailingAnchor.constraint(equalTo: trailingAnchor)
|
||
])
|
||
|
||
backgroundColor = .black
|
||
}
|
||
|
||
@available(*, unavailable)
|
||
public required init?(coder: NSCoder) {
|
||
fatalError("BridgedWebView does not support init(coder:)")
|
||
}
|
||
}
|
||
|
||
// MARK: - 跨 WebView 共享的进程池
|
||
|
||
/// 大厅 / 子游戏 / 弹层共用同一 WKProcessPool,共享 Cookie / 资源缓存,
|
||
/// 启动加速。详见 Design §3.5。
|
||
@MainActor
|
||
public enum SharedProcessPool {
|
||
public static let shared = WKProcessPool()
|
||
}
|