iOS11 WKWebView內(nèi)容過(guò)濾規(guī)則詳解
WKWebView中新增了一個(gè)功能，可以對(duì)WebView的內(nèi)容添加一些自定義的過(guò)濾規(guī)則。這個(gè)功能原來(lái)在 Safari Extension 中被引入，從 11 開(kāi)始同樣適用于WKWebView。
使用方法
原理上就是提供一個(gè) JSON 給 WebKit，這個(gè) JSON 包括內(nèi)容的觸發(fā)規(guī)則（trigger）和對(duì)應(yīng)的處理方式（action）。比如：
[{
"trigger": {
"url-filter": ".*" },
"action": {
"type": "make-https"}
}]
WebKit 會(huì)把攔截規(guī)則編譯成高效的二進(jìn)制碼。使用方法如下：
WKContentRuleListStore.default().compileContentRuleList(
forIdentifier: "ContentBlockingRules",
encodedContentRuleList: jsonString) { (contentRuleList, error) in
if let error = error {
return
}
let configuration = WKWebViewConfiguration()
configuration.userContentController.add(ruleList!)
}
可使用的處理方式：Action
對(duì)應(yīng)的 Action 有以下幾種：
- block：放棄加載資源，如果該資源已經(jīng)緩存也忽略緩存
- block-cookies：所有發(fā)送的請(qǐng)求的header中都會(huì)過(guò)濾掉cookie
- css-display-none：隱藏使用 CSS selector 的頁(yè)面元素，同時(shí)還有關(guān)聯(lián)的selector：
"action": { "type": "css-display-none", "selector": "#newsletter, :matches(.main-page, .article) .news-overlay" } - ignore-previous-rules：前面觸發(fā)的規(guī)則不執(zhí)行
- make-https：把網(wǎng)頁(yè)里的 http 請(qǐng)求改為 https 請(qǐng)求
規(guī)則觸發(fā)器：trigger
觸發(fā)器必須有url-filter，可選的鍵有：resource-type、if-domain、unless-domain
- url-filter 匹配 URL 的正則表達(dá)式
- if-domain 或者 unless-domain if-domain：規(guī)則只在這些域名下起作用。unless-domain：這些域名除外。
- resource-type 資源的類(lèi)型，對(duì)應(yīng)的 value 有：
- document
- image
- style-sheet
- script
- font
- raw (Any untyped load, such as XMLHttpRequest)
- svg-document
- media
- popup
- load-type 資源的歸屬。默認(rèn)是全部的資源。如果收到填有兩種 value：
- first-party 只有當(dāng)資源和頁(yè)面的scheme、域名、端口一致時(shí)才觸發(fā)
- third-party 只有當(dāng)資源和頁(yè)面的域名不一致時(shí)才觸發(fā)
舉個(gè) trigger 的示例就是：
"trigger": {
"url-filter": ".*",
"resource-type": ["image", "style-sheet"],
"unless-domain": ["your-content-server.com", "trusted-content-server.com"]
}
總結(jié)
可以通過(guò)配置規(guī)則攔截頁(yè)面里的資源請(qǐng)求、隱藏頁(yè)面里的指定元素、將http請(qǐng)求轉(zhuǎn)換成https。
參考
WWDC 17：customized_loading_in_wkwebview
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
- iOS中WKWebView白屏問(wèn)題的分析與解決
- Swift使用WKWebView在iOS應(yīng)用中調(diào)用Web的方法詳解
- iOS11 WKWebView 無(wú)法加載內(nèi)容的解決方法
- ios下OC與JS交互之WKWebView
- iOS11 WKWebView問(wèn)題匯總
- IOS中UIWebView、WKWebView之JS交互
- iOS和JS交互教程之WKWebView-協(xié)議攔截詳解
- iOS中WKWebView的一些特殊使用總結(jié)
- 簡(jiǎn)單說(shuō)說(shuō)iOS之WKWebView的用法小結(jié)
- iOs遷至WKWebView跨過(guò)的一些坑
相關(guān)文章
最常見(jiàn)的二維碼功能包括信息獲取、網(wǎng)站跳轉(zhuǎn)、電商交易、手機(jī)支付等等，其擁有密度小、信息容量大、容錯(cuò)能力強(qiáng)、成本低、制作難度低等優(yōu)點(diǎn)。在移動(dòng)開(kāi)發(fā)中，二維碼的地位也越來(lái)越重要，掌握二維碼的基本操作是重要的本領(lǐng)之一。本文將講解iOS定制二維碼的步驟與方法。2017-03-03
利用iOS手勢(shì)與scrollView代理實(shí)現(xiàn)圖片的放大縮小
這篇文章主要介紹了利用iOS的手勢(shì)、scrollView代理來(lái)實(shí)現(xiàn)圖片放大縮小的方法，文中通過(guò)示例代碼介紹的很詳細(xì)，相信對(duì)各位iOS開(kāi)發(fā)者們來(lái)說(shuō)具有一定的參考借鑒價(jià)值，有需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-01-01
iOS開(kāi)發(fā)教程之登錄與訪(fǎng)客的邏輯實(shí)現(xiàn)
這篇文章主要給大家介紹了關(guān)于iOS開(kāi)發(fā)教程之登錄與訪(fǎng)客的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-04-04
iOS自定義UIScrollView的滾動(dòng)條實(shí)例代碼
本篇文章主要介紹了iOS自定義UIScrollView的滾動(dòng)條實(shí)例代碼，詳細(xì)的介紹了自定義滾動(dòng)條的示例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-03-03
導(dǎo)航欄作為iOS開(kāi)發(fā)的一大空控件來(lái)說(shuō),是非常的重要這篇文章主要給大家介紹了關(guān)于iOS中導(dǎo)航欄的基本使用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
iOS App開(kāi)發(fā)中的UISegmentedControl分段組件用法總結(jié)
UISegmentedControl主要被用來(lái)制作分頁(yè)按鈕或添加跳轉(zhuǎn)到不同位置的標(biāo)簽,這里我們就來(lái)看一下iOS App開(kāi)發(fā)中的UISegmentedControl分段組件用法總結(jié),需要的朋友可以參考下2016-06-06
WKWebview非全屏自動(dòng)播放h5視頻的實(shí)現(xiàn)方法（Swift、OC）
這篇文章主要給大家介紹了關(guān)于WKWebview非全屏自動(dòng)播放h5視頻的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
iOS swift實(shí)現(xiàn)轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的方法示例
在平時(shí)的iOS開(kāi)發(fā)中，我們進(jìn)行界面跳轉(zhuǎn)時(shí)一般都是采用系統(tǒng)默認(rèn)的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)，而下面這篇文章主要給大家介紹了關(guān)于iOS利用swift實(shí)現(xiàn)轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-07-07
IOS 開(kāi)發(fā)之UISearchBar 詳解及實(shí)例
這篇文章主要介紹了IOS 開(kāi)發(fā)之UISearchBar 詳解及實(shí)例的相關(guān)資料,主要介紹 IOS UISearchBar的使用，附有實(shí)例代碼，需要的朋友可以參考下2016-12-12
基于iOS Realm數(shù)據(jù)庫(kù)的使用實(shí)例詳解
下面小編就為大家分享一篇基于iOS Realm數(shù)據(jù)庫(kù)的使用實(shí)例詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01