如何阻止外部资源加载到 WKWebView 上？

Question

我有一个加载网页的应用程序，但阻止下载图像、字体、javascript 等。为此，我实现了一个 NSURLProtocol subclass，它与 UIWebView 配合得很好。

但是我正在迁移到 WKWebview，并意识到我精心制作的 NSURLProtocol class 不再适用于过滤掉这些资源。

有人知道如何实现 filtering/blocking 吗？

如果您想知道我是如何进行迁移的，我从这个开始 post：http://floatlearning.com/2014/12/uiwebview-wkwebview-and-tying-them-together-using-swift/

Answer 1

从 iOS 9.0 开始，无法拦截 WKWebView 的网络请求。您可以使用 JavaScript 以有限的方式执行此操作。

请提交 WebKit 错误或 Apple 错误以请求此功能。我们中的许多人都需要这些挂钩。

Answer 2

因为 iOS 11 你可以使用 WKContentRuleList

首先，创建内容规则或列表。每个规则都由一个触发器和一个操作组成。看 Apple's Documentation on Content Rule creation

这是一个创建示例，阻止所有图像和样式 Sheet 内容，但允许以 jpeg 结尾的内容忽略之前的规则：

     let blockRules = """
         [{
             "trigger": {
                 "url-filter": ".*",
                 "resource-type": ["image"]
             },
             "action": {
                 "type": "block"
             }
         },
         {
             "trigger": {
                 "url-filter": ".*",
                 "resource-type": ["style-sheet"]
             },
             "action": {
                 "type": "block"
             }
         },
         {
             "trigger": {
                 "url-filter": ".*.jpeg"
             },
             "action": {
                 "type": "ignore-previous-rules"
             }
         }]
      """

有了规则列表，您可以将它们添加到 ContentRuleListStore

    import WebKit
    @IBOutlet weak var wkWebView: WKWebView!

    let request = URLRequest(url: URL(string: "https://yourSite.com/")!)

    WKContentRuleListStore.default().compileContentRuleList(
        forIdentifier: "ContentBlockingRules",
        encodedContentRuleList: blockRules) { (contentRuleList, error) in

            if let error = error {
                return
            }

            let configuration = self.webView.configuration
            configuration.userContentController.add(contentRuleList!)

            self.wkWwebView.load(self.request)
    }

如果您以后想删除所有规则，请致电：

    self.wkWebView.configuration.userContentController.removeAllContentRuleLists()
    self.wkWebView.load(self.request)

这是2017 WWDC video

祝你好运！

我创建了一个示例项目on Github WKContentRuleExample

Answer 3

以防其他人对 仅离线 WKWebView 感兴趣：以下方法是对@dequin 答案的修改。它使用内容阻止规则来阻止对远程资源（不以 file:// 开头的 URL）的所有请求：

import Cocoa
import WebKit

// Block all URLs except those starting with "file://"
let blockRules = """
[
    {
        "trigger": {
            "url-filter": ".*"
        },
        "action": {
            "type": "block"
        }
    },
    {
        "trigger": {
            "url-filter": "file://.*"
        },
        "action": {
            "type": "ignore-previous-rules"
        }
    }
]
"""

/// `WKWebView` which only allows the loading of local resources
class OfflineWebView: WKWebView {
    override init(frame: CGRect, configuration: WKWebViewConfiguration) {
        WKContentRuleListStore.default().compileContentRuleList(
            forIdentifier: "ContentBlockingRules",
            encodedContentRuleList: blockRules
        ) { contentRuleList, error in
            if let error = error {
                // Handle error
            } else if let contentRuleList = contentRuleList {
                configuration.userContentController.add(contentRuleList)
            } else {
                // Handle error
            }
        }

        super.init(frame: frame, configuration: configuration)
    }
}

如何阻止外部资源加载到 WKWebView 上？

How to block external resources to load on a WKWebView?

ios

ios8

wkwebview