iOS 11.3下UIWebView加载YouTube iframe播放器时JavaScriptCore崩溃问题

我之前踩过一模一样的坑，结合你给出的WebThread上JSLock相关的崩溃堆栈，这本质是iOS 11.3对JavaScriptCore的锁机制做了底层优化后，UIWebView的旧架构和YouTube iframe播放器的JS代码出现了线程锁冲突。下面是几个亲测有效的解决方案，按优先级排序：

1. 优先迁移到WKWebView（最彻底的解决方式） #

苹果早在iOS 8就推出了WKWebView，并且从iOS 12开始逐步弃用UIWebView，它的JS引擎运行在独立进程中，完全隔离了主线程和Web线程的锁竞争，从根源上避免这类崩溃。

示例代码（Swift）： #

import WebKit

// 初始化WKWebView配置
let webConfig = WKWebViewConfiguration()
// 若需和JS交互，可添加脚本消息处理器
webConfig.userContentController.add(self, name: "youtubeHandler")

// 创建WKWebView实例
let webView = WKWebView(frame: yourView.bounds, configuration: webConfig)
webView.navigationDelegate = self
yourView.addSubview(webView)

// 加载YouTube iframe的HTML内容
let youtubeEmbedHTML = """
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin:0;">
    <iframe width="100%" height="100%" src="https://www.youtube.com/embed/你的视频ID" 
            frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
            allowfullscreen></iframe>
</body>
</html>
"""
webView.loadHTMLString(youtubeEmbedHTML, baseURL: URL(string: "https://www.youtube.com"))

2. 若暂时无法迁移，延迟注入YouTube iframe（UIWebView临时修复） #

如果因为项目限制还不能替换UIWebView，可以尝试先加载空白页面，等WebView完全加载完成后再通过JS注入iframe，避免页面初始化阶段的线程锁冲突。

示例代码（Objective-C）： #

- (void)viewDidLoad {
    [super viewDidLoad];
    // 先加载空白页面
    [self.webView loadHTMLString:@"<html><body></body></html>" baseURL:nil];
}

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    // 页面加载完成后注入YouTube iframe
    NSString *injectIframeScript = @"var iframe = document.createElement('iframe');\
                                    iframe.src = 'https://www.youtube.com/embed/你的视频ID';\
                                    iframe.style.width = '100%';\
                                    iframe.style.height = '100%';\
                                    iframe.frameBorder = '0';\
                                    iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture';\
                                    iframe.allowFullscreen = true;\
                                    document.body.appendChild(iframe);";
    [webView stringByEvaluatingJavaScriptFromString:injectIframeScript];
}

3. 调整iframe的播放参数，减少JS线程同步操作 #

可以给YouTube iframe添加autoplay=0参数，禁用自动播放，让用户手动触发播放，减少JS线程在页面加载时的同步锁操作，降低崩溃概率：

<iframe src="https://www.youtube.com/embed/你的视频ID?autoplay=0" ...></iframe>

崩溃原因补充 #

iOS 11.3对JavaScriptCore的JSLock机制做了性能优化，引入了更严格的线程锁管理逻辑，但UIWebView的旧架构没有适配这种变化。当YouTube iframe的JS代码在WebThread中尝试获取或释放锁时，会和系统的线程调度逻辑冲突，最终导致WebThread崩溃。

内容的提问来源于stack exchange，提问作者Roy Chou