iOS11 WKWebView內(nèi)容過濾規(guī)則詳解
WKWebView中新增了一個(gè)功能，可以對(duì)WebView的內(nèi)容添加一些自定義的過濾規(guī)則。這個(gè)功能原來在 Safari Extension 中被引入，從 11 開始同樣適用于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ì)過濾掉cookie
- css-display-none：隱藏使用 CSS selector 的頁面元素，同時(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)頁里的 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 資源的類型，對(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)資源和頁面的scheme、域名、端口一致時(shí)才觸發(fā)
- third-party 只有當(dāng)資源和頁面的域名不一致時(shí)才觸發(fā)
舉個(gè) trigger 的示例就是：
"trigger": {
"url-filter": ".*",
"resource-type": ["image", "style-sheet"],
"unless-domain": ["your-content-server.com", "trusted-content-server.com"]
}
總結(jié)
可以通過配置規(guī)則攔截頁面里的資源請(qǐng)求、隱藏頁面里的指定元素、將http請(qǐng)求轉(zhuǎn)換成https。
參考
WWDC 17：customized_loading_in_wkwebview
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
最常見的二維碼功能包括信息獲取、網(wǎng)站跳轉(zhuǎn)、電商交易、手機(jī)支付等等，其擁有密度小、信息容量大、容錯(cuò)能力強(qiáng)、成本低、制作難度低等優(yōu)點(diǎn)。在移動(dòng)開發(fā)中，二維碼的地位也越來越重要，掌握二維碼的基本操作是重要的本領(lǐng)之一。本文將講解iOS定制二維碼的步驟與方法。2017-03-03
利用iOS手勢(shì)與scrollView代理實(shí)現(xiàn)圖片的放大縮小
這篇文章主要介紹了利用iOS的手勢(shì)、scrollView代理來實(shí)現(xiàn)圖片放大縮小的方法，文中通過示例代碼介紹的很詳細(xì)，相信對(duì)各位iOS開發(fā)者們來說具有一定的參考借鑒價(jià)值，有需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧。2017-01-01
iOS開發(fā)教程之登錄與訪客的邏輯實(shí)現(xiàn)
這篇文章主要給大家介紹了關(guān)于iOS開發(fā)教程之登錄與訪客的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(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開發(fā)的一大空控件來說,是非常的重要這篇文章主要給大家介紹了關(guān)于iOS中導(dǎo)航欄的基本使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
iOS App開發(fā)中的UISegmentedControl分段組件用法總結(jié)
UISegmentedControl主要被用來制作分頁按鈕或添加跳轉(zhuǎn)到不同位置的標(biāo)簽,這里我們就來看一下iOS App開發(fā)中的UISegmentedControl分段組件用法總結(jié),需要的朋友可以參考下2016-06-06
WKWebview非全屏自動(dòng)播放h5視頻的實(shí)現(xiàn)方法（Swift、OC）
這篇文章主要給大家介紹了關(guān)于WKWebview非全屏自動(dòng)播放h5視頻的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
iOS swift實(shí)現(xiàn)轉(zhuǎn)場動(dòng)畫的方法示例
在平時(shí)的iOS開發(fā)中，我們進(jìn)行界面跳轉(zhuǎn)時(shí)一般都是采用系統(tǒng)默認(rèn)的轉(zhuǎn)場動(dòng)畫，而下面這篇文章主要給大家介紹了關(guān)于iOS利用swift實(shí)現(xiàn)轉(zhuǎn)場動(dòng)畫的方法示例，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-07-07
IOS 開發(fā)之UISearchBar 詳解及實(shí)例
這篇文章主要介紹了IOS 開發(fā)之UISearchBar 詳解及實(shí)例的相關(guān)資料,主要介紹 IOS UISearchBar的使用，附有實(shí)例代碼，需要的朋友可以參考下2016-12-12
基于iOS Realm數(shù)據(jù)庫的使用實(shí)例詳解
下面小編就為大家分享一篇基于iOS Realm數(shù)據(jù)庫的使用實(shí)例詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01