你所不知道的HostOnly Cookie

1716次阅读  |  发布于5年以前

Cookie是个古老的技术，大家都非常熟悉。知道什么是HostOnly Cookie的人相对就少了很多，本文主要探讨下这个话题。先从最基础的开始~

怎么使用Cookie？

通常我们有两种方式给浏览器设置或获取Cookie，分别是HTTP Response Headers中的Set-Cookie Header和HTTP Request Headers中的Cookie Header，以及通过JavaScript对document.cookie进行赋值或取值。

rfc6265第5.2节定义的Set-Cookie Header，除了必须包含Cookie正文，还可以选择性包含6个属性path、domain、max- age、expires、secure、httponly，它们之间用英文分号和空格（"; "）连接。

Cookie的正文部分，是由&连接的key=value键值对字符串，类似于url中的查询字符串。下面是一个标准的Set-Cookie Header：


Set-Cookie: key=value; path=path; domain=domain; max-age=max-age-in-seconds;
expires=date-in-GMTString-format; secure; httponly

在浏览器端，通过document.cookie也可以设置Cookie，以MDC文档为例，Cookie的内容除了必须包含正文之外，还可选5个属性：path、d omain、max-age、expires、secure。下面是简单的示例：


document.cookie = "key=value; path=path; domain=domain; max-age=max-age-in-
seconds; expires=date-in-GMTString-format; secure";

有两点需要说明：

我在各浏览器测试后发现， 如果不考虑HttpOnly，通过JS或HTTP方式设置的Cookie没有区别；通过JS或HTTP方式获取到的Cookie内容也是一 样的。所以本文后续测试中，不需要注明是通过何种方式操作的Cookie。

什么是HostOnly Cookie？

rfc6265第5.3节定义了浏览器存放每个Cookie时应该包括这些字段：name、value、expiry-time、domain、path 、creation-time、last-access-time、persistent-flag,、host-only-flag、secure-only- flag和http-only-flag。

其中：

那么host-only-flag如果为true会怎样呢？rfc6265里有这么一段：

Either: The cookie's host-only-flag is true and the canonicalized request- host is identical to the cookie's domain.

Or: The cookie's host-only-flag is false and the canonicalized request-host domain-matches the cookie's domain.

获取Cookie时，首先要检查Domain匹配性，其次才检查path、secure、httponly等属性的匹配性。如果host-only- flag为true时，只有当前域名与该Cookie的Domain属性完全相等才可以进入后续流程；host-only-flag为false时，符合域规则 （domain-matches）的域名都可以进入后续流程。

举个例子，host-only-flag为true时，Domain属性为example.com的Cookie只有在example.com才有可能获取到 ；host-only-flag为false时，Domain属性为example.com的Cookie，在example.com、www.example.co m、sub.example.com等等都可能获取到。

下面，我们来研究下各浏览器对HostOnly Cookie，也就是Cookie的host-only-flag属性的支持情况。

支持度测试

在qgy18.com，设置如下HostOnly Cookie:


name=ququ; expires=Tue, 10-Jul-2013 08:30:18 GMT; path=/

访问www.qgy18.com，获取Cookie，结果如下：

浏览器在www.qgy18.com获取到的Cookie

Chrome 29.0.1547.3 dev

Firefox 22.0

Chrome 27.0.1453.116 m

IE 6.0.2900.5512

name=ququ

IE 10.0.9200.16438

name=ququ

Opera 12.15（Presto内核，非Webkit）

iOS Safari 6.1.3

Safari 7.0

小结：

IE系列（表中只列了IE6和10，实际上IE6-IE10都测过）不支持HostOnly Cookie。在qgy18.com设置的Cookie，www.qgy18.com可以直接获取到。

其它浏览器支持HostOnly Cookie。本测试中，对于非IE：获取Cookie的页面Domain是www.qgy18.com，由于设置Cookie时没 有指定Domain，按照前面的规则，host-only- flag为true，Cookie的Domain属性是qgy18.com，二者不完全匹配，所以获取不到这个Cookie。

对于非HostOnly Cookie，例如在qgy18.com设置Cookie时指定Domain为qgy18.com，在www.qgy18.com可以获取到这个Cookie ，这时候host-only-flag为false。

Cookie覆盖测试

在www.qgy18.com，设置以下3条Cookie：


1、name=ququ1; expires=Tue, 10-Jul-2013 08:30:18 GMT; path=/

    2、name=ququ2; expires=Tue, 10-Jul-2013 08:30:18 GMT; path=/; domain=.www.qgy18.com
    3、name=ququ3; expires=Tue, 10-Jul-2013 08:30:18 GMT; path=/; domain=www.qgy18.com

访问www.qgy18.com，获取Cookie，结果如下：

浏览器在www.qgy18.com获取到的Cookie

Chrome 29.0.1547.3 dev

name=ququ1; name=ququ3

Firefox 22.0

name=ququ1; name=ququ3

Chrome 27.0.1453.116 m

name=ququ1; name=ququ3

IE 6.0.2900.5512

name=ququ3

IE 10.0.9200.16438

name=ququ3

Opera 12.15（Presto内核，非Webkit）

name=ququ3

iOS Safari 6.1.3

name=ququ3; name=ququ1

Safari 7.0

name=ququ3; name=ququ1

规范里有两点规定需要先说明下：

  1. 设置Cookie时，Domain属性值如果是.a.com，前面的.会被去掉，变成a.com（rfc6265第5.2.3节）；
  2. 对于name、path和domain均相同的Cookie，后面的覆盖前面的（rfc6265第5.3节第10段）；

小结：

由于IE系列不支持HostOnly Cookie，三个语句对于IE来说是完全一样的（1没有指定Domain，自动使用请求头中的Host或者页面url中的Do main部分作为Cookie的Domain属性，都是www.qgy18.com），后面覆盖前面，只剩下name=ququ3；

分歧出在Presto内核的Opera与Chrome、Safari和Firefox之间：Opera认为三个语句的name、path和domain均相同，产生了 跟IE一样的结果；其它浏览器认为host-only-flag为true的Domain和其它两个不同，所以只有语句3可以覆盖2，剩下1和3；

从各自控制台展示的Cookie信息印证了这一点：

Chrome、Safari和Firefox都把HostOnly Cookie的Domain显示为真正的Domain，非HostOnly Cookie的Dom ain前面多加了一个英文句号.。这样，前面的结果似乎也解释得过去：对于Chrome、Safari和Firefox，由于.的存在，第1条语句的Domain和其 它两个确实不一样，不会被覆盖。

chrome29 (Chrome 29.0.1547.3 dev)

firefox22 (Firefox 22.0 )

safari7 (Safari 7.0)

opera12 (Opera 12.15 )

ie10 (IE 10.0.9200.16438 )

大家应该注意到了：本节测试中，Safari获取到的Cookie顺序与其它浏览器不一样。这是个大隐患，无论是用JS还是HTTP获取这个Demo里的Cookie ，都会在Safari下得到不一样的结果。Cookie的优先级问题我打算找时间详细测试下，再单独讨论。

结论

在我测试过的浏览器中：

之前有同学问过Chrome开发工具看到的Cookie为什么有些前面有.，有些没有？经过前面的分析，大家应该都知道原因了吧。

另外，想不通为什么host-only-flag，没有像http-only-flag或secure-only-flag一样，有对应的属性可以直接设置呢？

感谢

HostOnly Cookie这个概念我是从Franky教主处得知的，这篇文章也是源自于向教主的讨教后自己的一些尝试，在此特别感谢Franky教主。

专题「HTTP 相关」的其他文章 »

Copyright© 2013-2020

All Rights Reserved 京ICP备2023019179号-8