一,简介

Feign使得 Java HTTP 客户端编写更方便。Feign 灵感来源于Retrofit、JAXRS-2.0和WebSocket。Feign最初是为了降低统一绑定Denominator到HTTP API的复杂度,不区分是否支持Restful。Feign旨在通过最少的资源和代码来实现和HTTP API的连接。通过可定制的解码器和错误处理,可以编写任意的HTTP API。

Maven依赖:

  1. <!-- https://mvnrepository.com/artifact/com.netflix.feign/feign-core -->
  2. <dependency>
  3. <groupId>com.netflix.feign</groupId>
  4. <artifactId>feign-core</artifactId>
  5. <version>8.18.0</version>
  6. <scope>runtime</scope>
  7. </dependency>

二,为什么选择Feign而不是其他

你可以使用 Jersey 和 CXF 这些来写一个 Rest 或 SOAP 服务的java客服端。你也可以直接使用 Apache HttpClient 来实现。但是 Feign 的目的是尽量的减少资源和代码来实现和 HTTP API 的连接。通过自定义的编码解码器以及错误处理,你可以编写任何基于文本的 HTTP API。

Feign工作机制

Feign通过注解注入一个模板化请求进行工作。只需在发送之前关闭它,参数就可以被直接的运用到模板中。然而这也限制了Feign,只支持文本形式的API,它在响应请求等方面极大的简化了系统。同时,它也是十分容易进行单元测试的。

三,Feign使用简介

3.1,基本用法

基本的使用如下所示,一个对于canonical Retrofit sample的适配。

  1. interface GitHub {
  2. // RequestLine注解声明请求方法和请求地址,可以允许有查询参数
  3. @RequestLine("GET /repos/{owner}/{repo}/contributors")
  4. List<Contributor> contributors(@Param("owner") String owner, @Param("repo") String repo);
  5. }
  6. static class Contributor {
  7. String login;
  8. int contributions;
  9. }
  10. public static void main(String... args) {
  11. GitHub github = Feign.builder()
  12. .decoder(new GsonDecoder())
  13. .target(GitHub.class, "https://api.github.com");
  14. // Fetch and print a list of the contributors to this library.
  15. List<Contributor> contributors = github.contributors("OpenFeign", "feign");
  16. for (Contributor contributor : contributors) {
  17. System.out.println(contributor.login + " (" + contributor.contributions + ")");
  18. }
  19. }

3.2,自定义

Feign 有许多可以自定义的方面。举个简单的例子,你可以使用 Feign.builder() 来构造一个拥有你自己组件的API接口。如下:

  1. interface Bank {
  2. @RequestLine("POST /account/{id}")
  3. Account getAccountInfo(@Param("id") String id);
  4. }
  5. ...
  6. // AccountDecoder() 是自己实现的一个Decoder
  7. Bank bank = Feign.builder().decoder(new AccountDecoder()).target(Bank.class, https://api.examplebank.com);

3.3,多种接口

Feign可以提供多种API接口,这些接口都被定义为 Target<T> (默认的实现是 HardCodedTarget<T>), 它允许在执行请求前动态发现和装饰该请求。

举个例子,下面的这个模式允许使用当前url和身份验证token来装饰每个发往身份验证中心服务的请求。
CloudDNS cloudDNS = Feign.builder().target(new CloudIdentityTarget<CloudDNS>(user, apiKey));

示例

Feign 包含了 GitHub 和 Wikipedia 客户端的实现样例.相似的项目也同样在实践中运用了Feign。尤其是它的示例后台程序。

四,Feign集成模块

Feign 可以和其他的开源工具集成工作。你可以将这些开源工具集成到 Feign 中来。目前已经有的一些模块如下:

4.1,Gson

Gson 包含了一个编码器和一个解码器,这个可以被用于JSON格式的API。

添加 GsonEncoder 以及 GsonDecoder 到你的 Feign.Builder 中, 如下:

  1. GsonCodec codec = new GsonCodec();
  2. GitHub github = Feign.builder()
  3. .encoder(new GsonEncoder())
  4. .decoder(new GsonDecoder())
  5. .target(GitHub.class, https://api.github.com);

Maven依赖:

  1. <!-- https://mvnrepository.com/artifact/com.netflix.feign/feign-gson -->
  2. <dependency>
  3. <groupId>com.netflix.feign</groupId>
  4. <artifactId>feign-gson</artifactId>
  5. <version>8.18.0</version>
  6. </dependency>

4.2,Jackson

Jackson 包含了一个编码器和一个解码器,这个可以被用于JSON格式的API。

添加 JacksonEncoder 以及 JacksonDecoder 到你的 Feign.Builder 中, 如下:

  1. GitHub github = Feign.builder()
  2. .encoder(new JacksonEncoder())
  3. .decoder(new JacksonDecoder())
  4. .target(GitHub.class, https://api.github.com);

Maven依赖:

  1. <!-- https://mvnrepository.com/artifact/com.netflix.feign/feign-gson -->
  2. <dependency>
  3. <groupId>com.netflix.feign</groupId>
  4. <artifactId>feign-jackson</artifactId>
  5. <version>8.18.0</version>
  6. </dependency>

4.3,Sax

SaxDecoder 用于解析XML,并兼容普通JVM和Android。下面是一个配置sax来解析响应的例子:

api = Feign.builder()
.decoder(SAXDecoder.builder()
.registerContentHandler(UserIdHandler.class)
.build())
.target(Api.class, https://apihost);

Maven依赖:

  1. <dependency>
  2. <groupId>com.netflix.feign</groupId>
  3. <artifactId>feign-sax</artifactId>
  4. <version>8.18.0</version>
  5. </dependency>

4.4,JAXB

JAXB 包含了一个编码器和一个解码器,这个可以被用于XML格式的API。

添加 JAXBEncoder 以及 JAXBDecoder 到你的 Feign.Builder 中, 如下:

  1. api = Feign.builder()
  2. .encoder(new JAXBEncoder())
  3. .decoder(new JAXBDecoder())
  4. .target(Api.class, https://apihost);

Maven依赖:

  1. <!-- https://mvnrepository.com/artifact/com.netflix.feign/feign-gson -->
  2. <dependency>
  3. <groupId>com.netflix.feign</groupId>
  4. <artifactId>feign-jaxb</artifactId>
  5. <version>8.18.0</version>
  6. </dependency>

4.5,JAX-RS

JAXRSContract 使用 JAX-RS 规范重写覆盖了默认的注解处理。下面是一个使用 JAX-RS 的例子:

  1. interface GitHub {
  2. @GET @Path("/repos/{owner}/{repo}/contributors")
  3. List<Contributor> contributors(@PathParam("owner") String owner, @PathParam("repo") String repo);
  4. }
  5. // contract 方法配置注解处理器,注解处理器定义了哪些注解和值是可以作用于接口的
  6. GitHub github = Feign.builder()
  7. .contract(new JAXRSContract())
  8. .target(GitHub.class, https://api.github.com);

Maven依赖:

  1. <!-- https://mvnrepository.com/artifact/com.netflix.feign/feign-gson -->
  2. <dependency>
  3. <groupId>com.netflix.feign</groupId>
  4. <artifactId>feign-jaxrs</artifactId>
  5. <version>8.18.0</version>
  6. </dependency>

4.5,OkHttp

OkHttpClient 使用 OkHttp 来发送 Feign 的请求,OkHttp 支持 SPDY (SPDY是Google开发的基于TCP的传输层协议,用以最小化网络延迟,提升网络速度,优化用户的网络使用体验),并有更好的控制http请求。

要让 Feign 使用 OkHttp ,你需要将 OkHttp 加入到你的环境变量中区,然后配置 Feign 使用 OkHttpClient,如下:

  1. GitHub github = Feign.builder()
  2. .client(new OkHttpClient())
  3. .target(GitHub.class, "https://api.github.com");
  4. Maven依赖:
  5. <!-- https://mvnrepository.com/artifact/com.netflix.feign/feign-gson -->
  6. <dependency>
  7. <groupId>com.netflix.feign</groupId>
  8. <artifactId>feign-okhttp</artifactId>
  9. <version>8.18.0</version>
  10. </dependency>

4.6,Ribbon

RibbonClient 重写了 Feign 客户端的对URL的处理,其添加了 智能路由以及一些其他由Ribbon提供的弹性功能。
集成Ribbon需要你将ribbon的客户端名称当做url的host部分来传递,如下:

  1. // myAppProd是你的ribbon client name
  2. MyService api = Feign.builder().client(RibbonClient.create()).target(MyService.class, "https://myAppProd");
  3. Maven依赖:
  4. <!-- https://mvnrepository.com/artifact/com.netflix.feign/feign-gson -->
  5. <dependency>
  6. <groupId>com.netflix.feign</groupId>
  7. <artifactId>feign-ribbon</artifactId>
  8. <version>8.18.0</version>
  9. </dependency>

4.7,Hystrix

HystrixFeign 配置了 Hystrix 提供的熔断机制。

要在 Feign 中使用 Hystrix ,你需要添加Hystrix模块到你的环境变量,然后使用 HystrixFeign 来构造你的API:

  1. MyService api = HystrixFeign.builder().target(MyService.class, "https://myAppProd");
  2. Maven依赖:
  3. <!-- https://mvnrepository.com/artifact/com.netflix.feign/feign-gson -->
  4. <dependency>
  5. <groupId>com.netflix.feign</groupId>
  6. <artifactId>feign-hystrix</artifactId>
  7. <version>8.18.0</version>
  8. </dependency>

4.8,SLF4J

SLF4JModule 允许你使用 SLF4J 作为 Feign 的日志记录模块,这样你就可以轻松的使用 Logback, Log4J , 等 来记录你的日志.

要在 Feign 中使用 SLF4J ,你需要添加SLF4J模块和对应的日志记录实现模块(比如Log4J)到你的环境变量,然后配置 Feign使用Slf4jLogger :

  1. GitHub github = Feign.builder()
  2. .logger(new Slf4jLogger())
  3. .target(GitHub.class, "https://api.github.com");
  4. Maven依赖:
  5. <!-- https://mvnrepository.com/artifact/com.netflix.feign/feign-gson -->
  6. <dependency>
  7. <groupId>com.netflix.feign</groupId>
  8. <artifactId>feign-slf4j</artifactId>
  9. <version>8.18.0</version>
  10. </dependency>

五,Feign 组成

5.1,Decoders

Feign.builder() 允许你自定义一些额外的配置,比如说如何解码一个响应。假如有接口方法返回的消息不是 Response, String, byte[] 或者 void 类型的,那么你需要配置一个非默认的解码器。

下面是一个配置使用JSON解码器(使用的是feign-gson扩展)的例子:

  1. GitHub github = Feign.builder()
  2. .decoder(new GsonDecoder())
  3. .target(GitHub.class, https://api.github.com);

假如你想在将响应传递给解码器处理前做一些额外的处理,那么你可以使用mapAndDecode方法。一个用例就是使用jsonp服务的时候:

  1. // 貌似1.8.0版本中沒有mapAndDecode这个方法。。。
  2. JsonpApi jsonpApi = Feign.builder()
  3. .mapAndDecode((response, type) -> jsopUnwrap(response, type), new GsonDecoder())
  4. .target(JsonpApi.class, https://some-jsonp-api.com);

5.2,Encoders

发送一个Post请求最简单的方法就是传递一个 String 或者 byte[] 类型的参数了。你也许还需添加一个Content-Type请求头,如下:

  1. interface LoginClient {
  2. @RequestLine("POST /")
  3. @Headers("Content-Type: application/json")
  4. void login(String content);
  5. }
  6. ...
  7. client.login("{\"user_name\": \"denominator\", \"password\": \"secret\"}");

通过配置一个解码器,你可以发送一个安全类型的请求体,如下是一个使用 feign-gson 扩展的例子:

  1. static class Credentials {
  2. final String user_name;
  3. final String password;
  4. Credentials(String user_name, String password) {
  5. this.user_name = user_name;
  6. this.password = password;
  7. }
  8. }
  9. interface LoginClient {
  10. @RequestLine("POST /")
  11. void login(Credentials creds);
  12. }
  13. ...
  14. LoginClient client = Feign.builder()
  15. .encoder(new GsonEncoder())
  16. .target(LoginClient.class, "https://foo.com");
  17. client.login(new Credentials("denominator", "secret"));

5.3,@Body templates

@Body注解申明一个请求体模板,模板中可以带有参数,与方法中 @Param 注解申明的参数相匹配,使用方法如下:

  1. interface LoginClient {
  2. @RequestLine("POST /")
  3. @Headers("Content-Type: application/xml")
  4. @Body("<login \"user_name\"=\"{user_name}\" \"password\"=\"{password}\"/>")
  5. void xml(@Param("user_name") String user, @Param("password") String password);
  6. @RequestLine("POST /")
  7. @Headers("Content-Type: application/json")
  8. // json curly braces must be escaped!
  9. // 这里JSON格式需要的花括号居然需要转码,有点蛋疼了。
  10. @Body("%7B\"user_name\": \"{user_name}\", \"password\": \"{password}\"%7D")
  11. void json(@Param("user_name") String user, @Param("password") String password);
  12. }
  13. ...
  14. client.xml("denominator", "secret"); // <login "user_name"="denominator" "password"="secret"/>
  15. client.json("denominator", "secret"); // {"user_name": "denominator", "password": "secret"}

5.4,Headers

Feign 支持给请求的api设置或者请求的客户端设置请求头,如下:

给API设置请求头

使用 @Headers 设置静态请求头

  1. // 给BaseApi中的所有方法设置Accept请求头
  2. @Headers("Accept: application/json")
  3. interface BaseApi<V> {
  4. // 单独给put方法设置Content-Type请求头
  5. @Headers("Content-Type: application/json")
  6. @RequestLine("PUT /api/{key}")
  7. void put(@Param("key") String, V value);
  8. }

设置动态值的请求头

  1. @RequestLine("POST /")
  2. @Headers("X-Ping: {token}")
  3. void post(@Param("token") String token);

设置key和value都是动态的请求头

有些API需要根据调用时动态确定使用不同的请求头(e.g. custom metadata header fields such as “x-amz-meta-“ or “x-goog-meta-“),

这时候可以使用 @HeaderMap 注解,如下:

  1. // @HeaderMap 注解设置的请求头优先于其他方式设置的
  2. @RequestLine("POST /")
  3. void post(@HeaderMap Map<String, Object> headerMap);

给Target设置请求头

有时我们需要在一个API实现中根据不同的endpoint来传入不同的Header,这个时候我们可以使用自定义的RequestInterceptor 或 Target来实现.

通过自定义的 RequestInterceptor 来实现请查看 Request Interceptors 章节.

下面是一个通过自定义Target来实现给每个Target设置安全校验信息Header的例子:

  1. static class DynamicAuthTokenTarget<T> implements Target<T> {
  2. public DynamicAuthTokenTarget(Class<T> clazz,
  3. UrlAndTokenProvider provider,
  4. ThreadLocal<String> requestIdProvider);
  5. ...
  6. @Override
  7. public Request apply(RequestTemplate input) {
  8. TokenIdAndPublicURL urlAndToken = provider.get();
  9. if (input.url().indexOf("http") != 0) {
  10. input.insert(0, urlAndToken.publicURL);
  11. }
  12. input.header("X-Auth-Token", urlAndToken.tokenId);
  13. input.header("X-Request-ID", requestIdProvider.get());
  14. return input.request();
  15. }
  16. }
  17. ...
  18. Bank bank = Feign.builder()
  19. .target(new DynamicAuthTokenTarget(Bank.class, provider, requestIdProvider));

这种方法的实现依赖于给Feign 客户端设置的自定义的RequestInterceptor 或 Target。可以被用来给一个客户端的所有api请求设置请求头。比如说可是被用来在header中设置身份校验信息。这些方法是在线程执行api请求的时候才会执行,所以是允许在运行时根据上下文来动态设置header的。

比如说可以根据线程本地存储(thread-local storage)来为不同的线程设置不同的请求头。

六,高级用法

6.1,Base APIS

有些请求中的一些方法是通用的,但是可能会有不同的参数类型或者返回类型,这个时候可以这么用:

  1. // 通用API
  2. interface BaseAPI {
  3. @RequestLine("GET /health")
  4. String health();
  5. @RequestLine("GET /all")
  6. List<Entity> all();
  7. }
  8. // 继承通用API
  9. interface CustomAPI extends BaseAPI {
  10. @RequestLine("GET /custom")
  11. String custom();
  12. }
  13. // 各种类型有相同的表现形式,定义一个统一的API
  14. @Headers("Accept: application/json")
  15. interface BaseApi<V> {
  16. @RequestLine("GET /api/{key}")
  17. V get(@Param("key") String key);
  18. @RequestLine("GET /api")
  19. List<V> list();
  20. @Headers("Content-Type: application/json")
  21. @RequestLine("PUT /api/{key}")
  22. void put(@Param("key") String key, V value);
  23. }
  24. // 根据不同的类型来继承
  25. interface FooApi extends BaseApi<Foo> { }
  26. interface BarApi extends BaseApi<Bar> { }

6.2,Logging

你可以通过设置一个 Logger 来记录http消息,如下:

  1. GitHub github = Feign.builder()
  2. .decoder(new GsonDecoder())
  3. .logger(new Logger.JavaLogger().appendToFile("logs/http.log"))
  4. .logLevel(Logger.Level.FULL)
  5. .target(GitHub.class, https://api.github.com);

也可以参考上面的 SLF4J 章节的说明

6.3,Request Interceptors

当你希望修改所有的的请求的时候,你可以使用Request Interceptors。比如说,你作为一个中介,你可能需要为每个请求设置 X-Forwarded-For

  1. static class ForwardedForInterceptor implements RequestInterceptor {
  2. @Override public void apply(RequestTemplate template) {
  3. template.header("X-Forwarded-For", "origin.host.com");
  4. }
  5. }
  6. ...
  7. Bank bank = Feign.builder()
  8. .decoder(accountDecoder)
  9. .requestInterceptor(new ForwardedForInterceptor())
  10. .target(Bank.class, https://api.examplebank.com);

或者,你可能需要实现Basic Auth,这里有一个内置的基础校验拦截器

  1. BasicAuthRequestInterceptor
  2. Bank bank = Feign.builder()
  3. .decoder(accountDecoder)
  4. .requestInterceptor(new BasicAuthRequestInterceptor(username, password))
  5. .target(Bank.class, https://api.examplebank.com);

6.4,Custom @Param Expansion

在使用 @Param 注解给模板中的参数设值的时候,默认的是使用的对象的 toString() 方法的值,通过声明 自定义的Param.Expander,用户可以控制其行为,比如说格式化 Date 类型的值:

  1. // 通过设置 @Param 的 expander 为 DateToMillis.class 可以定义Date类型的值
  2. @RequestLine("GET /?since={date}")
  3. Result list(@Param(value = "date", expander = DateToMillis.class) Date date);

6.5,Dynamic Query Parameters

动态查询参数支持,通过使用 @QueryMap 可以允许动态传入请求参数,如下:

  1. @RequestLine("GET /find")
  2. V find(@QueryMap Map<String, Object> queryMap);

6.6,Static and Default Methods

如果你使用的是JDK 1.8+ 的话,那么你可以给接口设置统一的默认方法和静态方法,这个事JDK8的新特性,如下:interface GitHub {

  1. @RequestLine("GET /repos/{owner}/{repo}/contributors")
  2. List<Contributor> contributors(@Param("owner") String owner, @Param("repo") String repo);
  3. @RequestLine("GET /users/{username}/repos?sort={sort}")
  4. List<Repo> repos(@Param("username") String owner, @Param("sort") String sort);
  5. default List<Repo> repos(String owner) {
  6. return repos(owner, "full_name");
  7. }
  8. /**
  9. * Lists all contributors for all repos owned by a user.
  10. */
  11. default List<Contributor> contributors(String user) {
  12. MergingContributorList contributors = new MergingContributorList();
  13. for(Repo repo : this.repos(owner)) {
  14. contributors.addAll(this.contributors(user, repo.getName()));
  15. }
  16. return contributors.mergeResult();
  17. }
  18. static GitHub connect() {
  19. return Feign.builder()
  20. .decoder(new GsonDecoder())
  21. .target(GitHub.class, "https://api.github.com");
  22. }
  23. }

参考自:https://github.com/OpenFeign/feign

  1.  

原生Feign使用详解的更多相关文章

  1. iOS原生地图开发详解

    在上一篇博客中:http://my.oschina.net/u/2340880/blog/414760.对iOS中的定位服务进行了详细的介绍与参数说明,在开发中,地位服务往往与地图框架结合使用,这篇博 ...

  2. springcloud中Feign配置详解

    Spring Cloud中Feign配置详解 到目前为止,小伙伴们对Feign的使用已经掌握的差不多了,我们在前文也提到Feign是对Ribbon和Hystrix的整合,那么在Feign中,我们要如何 ...

  3. Spring Cloud Feign原理详解

    目录 1.什么是Feign? 2.Open Feign vs Spring Cloud Feign 2.1.OpenFeign 2.2.Spring Cloud Open Feign 3.Spring ...

  4. 原生JavaScript事件详解

    JQuery这种Write Less Do More的框架,用多了难免会对原生js眼高手低. 小菜其实不想写这篇博客,貌似很初级的样子,但是看到网络上连原生js事件绑定和解除都说不明白,还是决定科普一 ...

  5. SpringCloud Feign使用详解

    添加依赖: <dependency> <groupId>org.springframework.cloud</groupId> <artifactId> ...

  6. CSS/CSS3中的原生变量var详解以及布局响应式网页扩展

    使用语法 首先我们先来看一个例子:html代码: <div class="element">这是一段文字</div> css代码: .element { w ...

  7. javascript原生bind方法详解

    bind()方法,是javascript原生的函数类的一个原型方法(即Function.prototype里的方法),不支持ie低版本. 基本格式: function.bind(obj1,obj2,o ...

  8. SpringCloud Feign重试详解

    摘要: 今天在生产环境发生了数据库进程卡死的现象,除了sql因为全量更新,没加索引的原因,最主要还是我们的接口的服务器端接口出现问题了.忽视了更新接口的幂等性,以及调用方feign client的重试 ...

  9. 前后端数据交互(二)——原生 ajax 请求详解

    一.ajax介绍 ajax 是前后端交互的重要手段或桥梁.它不是一个技术,是一组技术的组合. ajax :a:异步:j:js:a:和:x:服务端的数据. ajax的组成: 异步的 js 事件 其他 j ...

随机推荐

  1. Socket层实现系列 — I/O事件及其处理函数

    主要内容:Socket I/O事件的定义.I/O处理函数的实现. 内核版本:3.15.2 我的博客:http://blog.csdn.net/zhangskd I/O事件定义 sock中定义了几个I/ ...

  2. JAVA之旅(十一)——RuntimeException,异常的总结,Package,jar包,多线程概述

    JAVA之旅(十一)--RuntimeException,异常的总结,Package,jar包,多程序概述 继续JAVA之旅 一.RuntimeException 在Exception种有一个特殊的子 ...

  3. XBMC源代码分析 4:视频播放器(dvdplayer)-解码器(以ffmpeg为例)

    XBMC分析系列文章: XBMC源代码分析 1:整体结构以及编译方法 XBMC源代码分析 2:Addons(皮肤Skin) XBMC源代码分析 3:核心部分(core)-综述 本文我们分析XBMC中视 ...

  4. Aliyun上Linux服务器挂载数据盘及速度测试

    原始文档来自于阿里云官方文档:  Linux 系统挂载数据盘 铁锚 于 2013年12月19日 根据自己的需要进行整理 操作系统: CentOS 6.3, 平台  : 阿里云 ECS 云服务器 1. ...

  5. Android4.2.2源码目录结构分析

    撰写不易,转载请注明出处:http://blog.csdn.net/jscese/article/details/40897277#t17 导读: 关于的Android目录分析,网上有很多资料,在此不 ...

  6. android使用ViewPager实现欢迎引导页

    android使用ViewPager实现欢迎引导页 大多数APP第一次启动的时候,都会有一个引导界面,左右滑动,到最后一张,用户点击才再次进入主界面.当第二次启动的时候,则直接进入主界面. 这种效果一 ...

  7. 新IO建立的聊天程序

    服务端: package com.net.scday3; import java.io.IOException; import java.net.InetSocketAddress; import j ...

  8. iOS开发讲解SDWebImage,你真的会用吗?

    SDWebImage作为目前最受欢迎的图片下载第三方框架,使用率很高.但是你真的会用吗?本文接下来将通过例子分析如何合理使用SDWebImage. 使用场景:自定义的UITableViewCell上有 ...

  9. 【LaTeX排版】LaTeX论文排版<二>

    1.目录的生成     直接使用命令\tableofcontents即可.其默认格式如下: 我们会发现,这样的格式不一定是我们所期望的.比如说,我们也希望章标题与页码之间也有点连线,并且也希望将致谢. ...

  10. 使IFRAME在iOS设备上支持滚动

    原文链接: Scroll IFRAMEs on iOS原文日期: 2014年07月02日 翻译日期: 2014年07月10日翻译人员: 铁锚很长时间以来, iOS设备上Safari中超出边界的元素将不 ...