Jssocials在UIWebView/WKWebView中无法正常工作的问题求助

我之前在iOS项目里集成JS Socials插件时，也碰到过和你一模一样的问题——不管是UIWebView还是WKWebView，点Facebook、Twitter、Instagram按钮都没反应，折腾了好一阵才理顺，给你分享几个关键的排查和解决步骤：

1. 确保WebView开启了必要的JavaScript权限 #

• 对于WKWebView：初始化时一定要配置WKWebViewConfiguration，开启JavaScript支持，同时允许自动打开新窗口，不然插件的跳转逻辑会被拦截：

  let config = WKWebViewConfiguration()
  config.preferences.javaScriptEnabled = true
  config.preferences.javaScriptCanOpenWindowsAutomatically = true
  let webView = WKWebView(frame: .zero, configuration: config)
  

  Objective-C版本的配置逻辑完全一致，只是语法不同。
• 对于UIWebView：默认是允许JavaScript的，但如果你的项目做了特殊配置，记得检查allowsInlineMediaPlayback是否设为YES，避免影响插件的交互逻辑。

2. 添加社交APP的URL Scheme白名单 #

这些社交分享按钮本质是唤起对应APP（比如fb://、twitter://、instagram://），iOS 9+会拦截未在白名单里的Scheme请求。你需要在项目的Info.plist里添加LSApplicationQueriesSchemes数组，把需要的Scheme加进去：

• 数组元素包括：fb、twitter、instagram（如果需要支持更多平台，比如Facebook Messenger，再加fb-messenger等）

3. 手动拦截WebView的Scheme跳转请求 #

WebView有时候不会自动处理外部APP的Scheme跳转，这时候需要通过代理方法手动拦截并处理：

• WKWebView实现WKNavigationDelegate的decidePolicyForNavigationAction方法：

  func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
      guard let url = navigationAction.request.url else {
          decisionHandler(.allow)
          return
      }
      // 检测是否是社交APP的Scheme
      let socialSchemes = ["fb", "twitter", "instagram"]
      if let scheme = url.scheme, socialSchemes.contains(scheme.lowercased()) {
          if UIApplication.shared.canOpenURL(url) {
              UIApplication.shared.open(url, options: [:], completionHandler: nil)
              decisionHandler(.cancel) // 取消WebView的跳转，避免无效请求
              return
          }
      }
      decisionHandler(.allow)
  }
  

• UIWebView实现UIWebViewDelegate的shouldStartLoadWithRequest方法，逻辑和上面一致，只是API不同。

4. 检查JS Socials的初始化配置 #

有时候插件本身的配置会导致跳转失效：

• 确保初始化插件时，没有错误设置target属性（比如设为_self会导致在WebView内部跳转，无法唤起外部APP），建议保持默认或设为_blank；
• 如果插件默认用弹窗形式分享，在iOS WebView里弹窗可能被拦截，可以尝试在初始化时设置popup: false，强制使用Scheme跳转。

5. 排查混合内容拦截问题 #

如果你的网页是HTTPS协议，但JS Socials加载的部分资源是HTTP的，WKWebView默认会阻止混合内容，导致插件加载不完全。解决办法：

• 优先让JS Socials的资源都使用HTTPS（现在主流CDN都支持HTTPS）；
• 若无法修改资源协议，可在Info.plist的NSAppTransportSecurity下添加NSAllowsArbitraryLoads并设为YES（注意：苹果审核时可能会要求说明原因，尽量优先用第一种方法）。

我当时就是没配置Scheme白名单，加上没手动拦截跳转请求，搞定这两点后按钮就正常响应了，你可以按这个顺序一步步排查试试。

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