iOS 9 更新之Safari广告拦截器（Content Blocker）开发教程

2024-10-11 22:58:52

下面通过图文并茂的方式给大家分享下这方面的知识，具体内容如下。

相对于谷歌对广告拦截的禁止，苹果与之态度截然相反，继Mac版Safari加入广告拦截工具之后，即将到来的iOS9对Safari也引入了内容拦截插件-Content Blocker，并且开发者可以使用最新的Xcode7开发以及使用iOS 9模拟器进行调试，下面，笔者将用一个简单的实例进行讲解如何开发Content Blocker。

在使用Google搜索时，排行靠前面的几条永远都是广告项，比如搜索“iPhone6”，得到的结果如图1所示：

图1 Google 搜索iPhone 6未进行广告拦截示例

今天的目标就是将广告项拦截掉，以后在使用Google搜索时，都不会再有这种碍眼的广告排在前面了。

首先当然是建工程，创建一个iOS Single View Application,接着为工程创建一个iOS Content Blocker Extension的target。然后我们会看到，工程为我们自动创建了一个blockerList.json文件，以及一个ActionRequestHandler类。从ActionRequestHandler类的实现代码不难看出，它是将blockerList.json文件嵌入Safari。事实上，这个json文件正是Content Blocker的核心，使用它将可以用最简单的配置方式，为我们实现内容拦截，接下来，我来讲解一下这个json文件的编写规则。

图2 建立广告拦截器（Content Blocker）工程

blockerList.json文件里面自动生成了几行代码，代码中包含了一个action和一个trigger,每一个action和trigger的组合构成一条规则。

[[
 {
  "action": {
   "type": "block"
  },
  "trigger": {
   "url-filter": "webkit.org/images/icon-gold.png"
  }
 }
]]

1、action指定这条规则采用的拦截方式，type可选值为 “block”，“block-cookies”, “css-display-none”，分别表示拦截资源文件（比如css文件，js文件，图片资源）、拦截cookies，将指定html元素css的display属性设置为none。而当type为css-display-none时，必须在action中加入“selector”的键值对，selector即是css selector，指定哪一些html元素的display属性将被设置为none（即隐藏），当然，如果你不熟悉css selector,赶快去学习吧。

2、triggerr指定这条规则适用的网站url，可以使用正规表达式，当然尽量精确的表达式，不要影响网页浏览效率，毕竟Content Blocker是应用于整个浏览器和所有的网站。

了解了这些，我们不难理解blockList.json的含义，type为block，表明这是在阻止webkit.org/images/icon-gold.png这个图片的加载。当然，我们今天的目标是拦截Google搜索结果中的广告项。

首先，对action type的选择，这里很明显是对网页内容的拦截，我们选择的type值为css-display-none，接着获取我们要隐藏的html元素，这里我们借助Mac版Safari的网页源码分析工具，打开Mac版Safari，选择Develop menu下的simulator，然后选择正在浏览的www.Google.com.hk页面，Web Inspector工具随即将simulator上Safari正在浏览的网页源码陈列出来。什么，没有Develop menu？在Mac Safari的preference里选择advance选项，将Show Develop menu in menu bar选项选择就有了。接下来，我们很轻松地找到了广告对应的div和它对应的id。

图3 获取插件元素示意图

有了div的id，我们将selector属性设置为div#taw，指定id为taw的div,然后设置trigger的url-filter为google.com.hk/。

[
 {
  "action": {
    "type": "css-display-none",
    "selector":"div#taw"
  },
  "trigger": {
   "url-filter": "google.com.hk/"
  }
 }
]

激动人心的时刻到了，接下来让我们见证成败，运行工程，记住，不要选择了Content Blocker的target，那样子虽然也能将json嵌入Safari，但是死活是无效的，也许是beta版的bug。

图4 广告拦截后搜索示意图

运行的程序一片空白，接下来我们要到系统设置界面，选择Safari->Content Blockers（内容拦截器）->打开你的插件（如果已经打开了，切记关掉后重新打开一次）。回到浏览器，刷新刚刚的Google搜索页面，广告项已经不在，且无论你在Google中搜索任何内容，你再也见不到排前面这一堆的广告。

以上就是本文的全部内容，希望大家喜欢。

iOS利用Block逆向传值的方式详解

前言在iOS通过代理逆向传值的方式详解一文中,分析了如何利用代理模式来逆向传值,其实还有一些其他的方式,如通知.Block等,相比较代理,我个人认为反而要简单些,但是需要处理好细节问题,如Block循环引用.还是用前文的案例,本次使用Block来实现,Block的基本知识本文不再赘述. 一.书写规范 Block传值,需要注意的是,谁传值就需要定义Block,捕获方仅仅需要传递Block给传值方,并处理捕获的值. 传值方 1.定义Block用于传值 2.声明一个上述Block属性,这个属性的具体
iOS通过逆向理解Block的内存模型

前言正常情况下,通过分析界面以及 class-dump 出来头文件就能对某个功能的实现猜个八九不离十.但是 Block 这种特殊的类型在头文件中是看不出它的声明的,一些有 Block 回调的方法名 dump 出来是类似这样的: - (void)FM_GetSubscribeList:(long long)arg1 pageSize:(long long)arg2 callBack:(CDUnknownBlockType)arg3; 因为这种回调看不到它的方法签名,我们无法知道这个 Block
iOS面试中如何优雅回答Block导致循环引用的问题

前言说到循环引用问题,最最最常遇到的,不是在项目中,而是在面试中.如果面试官问你开发中是否遇到过retain cycle,你如果说没遇到过,估计已经很难跟面试官继续友好的沟通下去了. 但是这个问题怎么回答呢,网络上千篇一律的答案-->使用Block的时候遇到过,使用__weakSelf 代替 self 等等,可以说这个答案没啥错,但是所有人都回答的一样,并不能突出我们的逼格,无法让面试官知道我们在这方面有过研究,有闪光点. 对于开发者来说,喜欢探索,喜欢挖掘不懂的知识,在面试官眼里会加分不少.
iOS在Block中修改外部变量值的实现代码

一,代码. - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. // 第一种是可以修改 static 全局变量:第二种是可以修改用新关键字 __block 修饰的变量. __block int blockLocal = 100; static int staticLocal = 100; void (^aBlock)(
iOS通过block在两个页面间传值的方法

一.功能需求在第一个页面中有一个button和一个label,label上默认显示"哈哈",点击button进入第二个页面.在第二个页面有一个UITextField和一个button2,点击button2回到第一个页面,但同时第一个页面的label上显示的文字修改为刚刚在UITextField写进去的文字. 二.先定义block 在要传值得那个页面定义含有block参数的方法,即在第二个页面的.h文件中定义: 重新定义:typedef void (^ReturnTextBlock)(
IOS 使用Block二次封装AFNetworking 3.0详解

IOS 使用Block二次封装AFNetworking 3.0详解现在我们网络请求大都用第三方工具-–AFNetworking: 其中,AFNetworking 3.0 是对 NSURLSession 进行的封装,简化了很多步骤,但是在现实开发中,我们可以将AFNetworking再次封装到一个类中,这样通过传去URL和Parameters 就可以进行网络请求. 具体实现步骤: 前期准备:导入AFNetworking第三方框架 1.新建一个工具类,继承自NSObject: 2.在.h 中宏定义
iOS中Block的回调使用和解析详解

Block 回调实现先跟着我实现最简单的 Block 回调传参的使用,如果你能举一反三,基本上可以满足了 OC 中的开发需求.已经实现的同学可以跳到下一节. 首先解释一下我们例子要实现什么功能(其实是烂大街又最形象的例子): 有两个视图控制器 A 和 B,现在点击 A 上的按钮跳转到视图 B ,并在 B 中的textfield 输入字符串,点击 B 中的跳转按钮跳转回 A ,并将之前输入的字符串显示在 A 中的 label 上.也就是说 A 视图中需要回调 B 视图中的数据. 想不明白的同学
浅谈iOS 对于block的一点理解

block是对象,它封装了一段代码,这段代码可以在任何时候执行.block可以作为函数参数或者函数的返回值,而其本身又可以带输入参数或返回值.它和传统的函数指针很类似,但是有区别:block是inline的,并且它对局部变量是只读的. Block的定义: int (^myBlock) (int a,int b) = ^(int a,int b){ return a+b; }; 定义了一个名为myBlock的blocks对象,它带有两个int参数,返回int.等式右边就是blocks的具体实现,是
iOS 9 更新之Safari广告拦截器（Content Blocker）开发教程

下面通过图文并茂的方式给大家分享下这方面的知识,具体内容如下. 相对于谷歌对广告拦截的禁止,苹果与之态度截然相反,继Mac版Safari加入广告拦截工具之后,即将到来的iOS9对Safari也引入了内容拦截插件-Content Blocker,并且开发者可以使用最新的Xcode7开发以及使用iOS 9模拟器进行调试,下面,笔者将用一个简单的实例进行讲解如何开发Content Blocker. 在使用Google搜索时,排行靠前面的几条永远都是广告项,比如搜索"iPhone6",得到的结
Java的Struts2框架中拦截器使用的实例教程

1.拦截器小介拦截器的功能类似于web.xml文件中的Filter,能对用户的请求进行拦截,通过拦截用户的请求来实现对页面的控制.拦截器是在Struts-core-2.2.3.jar中进行配置的,原始的拦截器是在struts-default.xml中配置的,里面封存了拦截器的基本使用方法. Struts2拦截器功能类似于Servlet过滤器.在Action执行execute方法前,Struts2会首先执行struts.xml中引用的拦截器,如果有多个拦截器则会按照上下顺序依次执行,在执行完所有
Struts2拦截器登录验证实例

Struts2拦截器 Struts2拦截器的概念和Spring Mvc拦截器一样. 1.Struts2拦截器是在访问某个Action或Action的某个方法,字段之前或之后实施拦截,并且Struts2拦截器是可插拔的,拦截器是AOP的一种实现． 2.拦截器栈(Interceptor Stack).Struts2拦截器栈就是将拦截器按一定的顺序联结成一条链.在访问被拦截的方法或字段时,Struts2拦截器链中的拦截器就会按其之前定义的顺序被调用. 使用拦截器的第一步: 自定义我的权限拦截器Chec
Spring MVC 拦截器实现登录

上篇博文我在博客中讲到如何使用spring MVC框架来实现文件的上传和下载,今天小钱给大家再来分享和介绍Spring MVC框架中相当重要的一块功能--拦截器. 关于拦截器的概念我在这里就不多说了,大家可以上网百度或者看别人写的具体博客,我今天要说的是拦截器在实际开发中它有什么作用,怎样用Spring MVC拦截器来实现可拔插方式管理各种功能.Interceptor拦截器,它的主要作用就是拦截用户的请求并进行相应的处理.什么意思呢?比如说:通过拦截器来进行用户的权限验证,或者是用来判断用户是否
SpringMVC中的拦截器详解及代码示例

本文研究的主要是SpringMVC中的拦截器的介绍及实例代码,配置等内容,具体如下. Springmvc的处理器拦截器类似于Servlet 开发中的过滤器Filter,用于对处理器进行预处理和后处理.本文主要总结一下springmvc中拦截器是如何定义的,以及测试拦截器的执行情况和使用方法. 1. springmvc拦截器的定义和配置 1.1 springmvc拦截器的定义在springmvc中,定义拦截器要实现HandlerInterceptor接口,并实现该接口中提供的三个方法,如下: /
node.js制作一个简单的登录拦截器

拦截器在web开发中随处可见,比如站点的管理后台,不说所有人都能进入,所以就需要做一个拦截器并友好的跳转到提示页. 下面我们简单实现一种,判断用户是否登录成功,登录不成功的用户自动重定向到登录页面. 首先我们实现一个过滤器 exports.checkAuth=function(req, res, next) { var token = req.signedCookies.token; if (token && req.session.user && req.session.
Spring mvc拦截器实现原理解析

概述 SpringMVC的处理器拦截器类似于Servlet开发中的过滤器Filter,用于对处理器进行预处理和后处理.开发者可以自己定义一些拦截器来实现特定的功能. 过滤器与拦截器的区别:拦截器是AOP思想的具体应用. 过滤器 servlet规范中的一部分,任何java web工程都可以使用在url-pattern中配置了/*之后,可以对所有要访问的资源进行拦截拦截器拦截器是SpringMVC框架自己的,只有使用了SpringMVC框架的工程才能使用拦截器只会拦截访问的控制器方法, 如果
SpringMVC自定义拦截器实现过程详解

SpringMVC的处理器拦截器类似于Servlet开发中的过滤器Filter,用于对处理器进行预处理和后处理.开发者可以自定义一些拦截器来实现特点的功能. 过滤器与拦截器的区别:拦截器是AOP思想的具体应用. 过滤器 servlet规范中的一部分,任何java web工程都可以使用在url-pattern中配置了/*之后,可以对所有要访问的资源进行拦截拦截器拦截是SpringMVC框架自己的,只要使用SpringMVC框架的工程才能使用拦截器只会拦截访问的控制方法,如果访问的是jsp/
Spring MVC 拦截器 interceptor 用法详解

Spring MVC-拦截器今天就是把有关拦截器的知识做一个总结. 1.拦截器概述 1.1 什么是拦截器? Spring MVC中的拦截器(Interceptor)类似于Servlet中的过滤器(Filter),它主要用于拦截用户请求并作相应的处理.例如通过拦截器可以进行权限验证.记录请求信息的日志.判断用户是否登录等. 要使用Spring MVC中的拦截器,就需要对拦截器类进行定义和配置.通常拦截器类可以通过两种方式来定义. 1.通过实现HandlerInterceptor接口,或继承Han
SpringMVC 拦截器的使用示例

简介 SpringMVC的处理器拦截器类似于Servlet开发中的过滤器Filter,用于对处理器进行预处理和后处理.开发者可以自己定义一些拦截器来实现特定的功能. 过滤器 servlet规范中的一部分,任何java web工程都可以使用在url-pattern中配置了/*之后,可以对所有要访问的资源进行拦截拦截器拦截器是SpringMVC框架自己的,只有使用了SpringMVC框架的工程才能使用拦截器只会拦截访问的控制器方法, 如果访问的是jsp/html/css/image/js是不

iOS 9 更新之Safari广告拦截器（Content Blocker）开发教程

相关推荐

随机推荐