[cookie] coookie介绍 tags: cookie

cookie.js

### 每一个特定域名下最多生成20个cookie

- IE6或更低版本最多20个cookie
- IE7和之后的版本最后可以有50个cookie
- Firefox最多50个cookie
- chrome和Safari没有做硬性限制
IE和Opera 会清理近期最少使用的cookie，Firefox会随机清理cookie

### cookie的最大大约为4096字节，为了兼容性，一般不能超过4095字节

## 优点

极高的拓展性和可用性

## 缺点

- `Cookie`数量和长度的限制。每个domain最多只能有20条cookie，每个cookie长度不能超过4KB，否则会被截掉。
- 安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息。即使加密也与事无补，因为拦截者并不需要知道cookie的意义，他只要原样转发cookie就可以达到目的了。
- 有些状态不可能保存在客户端。例如，为了防止重复提交表单，我们需要在服务器端保存一个计数器。如果我们把这个计数器保存在客户端，那么它起不到任何作用。

## cookie跨域

如果是ajax请求想要带上cookie，一定要加上下面这个参数

```js
xhrFields: {
	withCredentials: true
},
```

注意，接口设置`Access-Control-Allow-Origin`时不能是`*`，必须是一个明确的值

## js获取跨域cookie


```js
document.cookie
```

好像获取不到跨域cookie，因为mdn上的定义是

__读取所有可从此位置访问的cookie__

[https://developer.mozilla.org/zh-CN/docs/Web/API/Document/cookie](https://developer.mozilla.org/zh-CN/docs/Web/API/Document/cookie)
 
 实际上也可以理解，如果js能获取其他域名下的cookie，那去不是乱套了，直接获取淘宝下的cookie就行了。


但是如上述ajax请求时带上跨域cookie是可以的
 
 ## ajax请求的cookie
 
 每次ajax请求时，浏览器会判断请求的url，然后会发送相应url下的cookie，如果是跨域，需要开启`withCredentials`
 
 例如页面A，接口B不同域名，开启了跨域设置，那么
 
 ```js
A页面ajax请求B，
ajax会带上B域名下的cookie
接口B中可以收到B域名下的cookie
```
 
 ## webview下的cookie跨域配置
 
 
 Android 5.0以后
 
 ```js
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
	CookieManager.getInstance().setAcceptThirdPartyCookies(this, true);
}
```
 
 iOS 7.0以上
 
 ```js
需设置 setCookieAcceptPolicy 配置
```