当前位置: 移动技术网 > IT编程>移动开发>IOS > iOS11 WKWebView内容过滤规则详解

iOS11 WKWebView内容过滤规则详解

2019年07月24日  | 移动技术网IT编程  | 我要评论

花都洪秀全故居,玉林军警,成龙历险记全集国语高清

wkwebview中新增了一个功能,可以对webview的内容添加一些自定义的过滤规则。这个功能原来在 safari extension 中被引入,从 11 开始同样适用于wkwebview。

使用方法

原理上就是提供一个 json 给 webkit,这个 json 包括内容的触发规则(trigger)和对应的处理方式(action)。比如:

[{
"trigger": {
"url-filter": ".*" },
"action": {
"type": "make-https"} 
}]

webkit 会把拦截规则编译成高效的二进制码。使用方法如下:

wkcontentruleliststore.default().compilecontentrulelist(
  foridentifier: "contentblockingrules",
 encodedcontentrulelist: jsonstring) { (contentrulelist, error) in
  if let error = error {
     return
  }
 let configuration = wkwebviewconfiguration()     
 configuration.usercontentcontroller.add(rulelist!) 
}

可使用的处理方式:action

对应的 action 有以下几种:

  1. block:放弃加载资源,如果该资源已经缓存也忽略缓存
  2. block-cookies:所有发送的请求的header中都会过滤掉cookie
  3. css-display-none:隐藏使用 css selector 的页面元素,同时还有关联的selector:
    "action": {
       "type": "css-display-none",
       "selector": "#newsletter, :matches(.main-page, .article) .news-overlay"
    }

  4. ignore-previous-rules:前面触发的规则不执行
  5. make-https:把网页里的 http 请求改为 https 请求

规则触发器:trigger

触发器必须有url-filter,可选的键有:resource-type、if-domain、unless-domain

  1. url-filter 匹配 url 的正则表达式
  2. if-domain 或者 unless-domain if-domain:规则只在这些域名下起作用。unless-domain:这些域名除外。
  3. resource-type 资源的类型,对应的 value 有:
    1. document
    2. image
    3. style-sheet
    4. script
    5. font
    6. raw (any untyped load, such as xmlhttprequest)
    7. svg-document
    8. media
    9. popup
  4. load-type 资源的归属。默认是全部的资源。如果收到填有两种 value:
    1. first-party 只有当资源和页面的scheme、域名、端口一致时才触发
    2. third-party 只有当资源和页面的域名不一致时才触发

举个 trigger 的示例就是:

"trigger": {
    "url-filter": ".*",
    "resource-type": ["image", "style-sheet"],
    "unless-domain": ["your-content-server.com", "trusted-content-server.com"]
}

总结

可以通过配置规则拦截页面里的资源请求、隐藏页面里的指定元素、将http请求转换成https。

参考

content blocking rules

wwdc 17:customized_loading_in_wkwebview

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

  • ios uicollectionview实现横向滚动

    现在使用卡片效果的app很多,之前公司让实现一种卡片效果,就写了一篇关于实现卡片的文章。文章最后附有demo实现上我选择了使用uicollectionview ... [阅读全文]
  • iOS UICollectionView实现横向滑动

    本文实例为大家分享了ios uicollectionview实现横向滑动的具体代码,供大家参考,具体内容如下uicollectionview的横向滚动,目前我使... [阅读全文]
  • iOS13适配深色模式(Dark Mode)的实现

    iOS13适配深色模式(Dark Mode)的实现

    好像大概也许是一年前, mac os系统发布了深色模式外观, 看着挺刺激, 时至今日用着也还挺爽的终于, 随着iphone11等新手机的发售, ios 13系统... [阅读全文]
  • ios 使用xcode11 新建项目工程的步骤详解

    ios 使用xcode11 新建项目工程的步骤详解

    xcode11新建项目工程,新增了scenedelegate这个类,转而将原appdelegate负责的对ui生命周期的处理担子接了过来。故此可以理解为:ios... [阅读全文]
  • iOS实现转盘效果

    本文实例为大家分享了ios实现转盘效果的具体代码,供大家参考,具体内容如下demo下载地址: ios转盘效果功能:实现了常用的ios转盘效果,轮盘抽奖效果的实现... [阅读全文]
  • iOS开发实现转盘功能

    本文实例为大家分享了ios实现转盘功能的具体代码,供大家参考,具体内容如下今天给同学们讲解一下一个转盘选号的功能,直接上代码直接看viewcontroller#... [阅读全文]
  • iOS实现轮盘动态效果

    本文实例为大家分享了ios实现轮盘动态效果的具体代码,供大家参考,具体内容如下一个常用的绘图,主要用来打分之类的动画,效果如下。主要是ios的绘图和动画,本来想... [阅读全文]
  • iOS实现九宫格连线手势解锁

    本文实例为大家分享了ios实现九宫格连线手势解锁的具体代码,供大家参考,具体内容如下demo下载地址:效果图:核心代码://// clockview.m// 手... [阅读全文]
  • iOS实现卡片堆叠效果

    本文实例为大家分享了ios实现卡片堆叠效果的具体代码,供大家参考,具体内容如下如图,这就是最终效果。去年安卓5.0发布的时候,当我看到安卓全新的material... [阅读全文]
  • iOS利用余弦函数实现卡片浏览工具

    iOS利用余弦函数实现卡片浏览工具

    本文实例为大家分享了ios利用余弦函数实现卡片浏览工具的具体代码,供大家参考,具体内容如下一、实现效果通过拖拽屏幕实现卡片移动,左右两侧的卡片随着拖动变小,中间... [阅读全文]
验证码:
移动技术网