在 Chrome iOS 中使用 javascript 设置 cookie

Question

在浏览器开始获取图像之前，我需要在 Javascript 中设置 cookie。

<script type="text/javascript">
    document.cookie='hidpi=1; path=/';
</script>

<img src="happyNY.png" alt=""/>

它在所有桌面浏览器和 iOS Safari 中都能正常工作。他们正在获取已设置 HTTP cookie 标头的图像。

GET /happyNY.png HTTP/1.1
Host: localhost
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache
…
Accept-Encoding: gzip, deflate, sdch
Cookie: hidpi=1

问题是，iOS Chrome 在请求图像时会忽略 cookie。

GET /happyNY.png HTTP/1.1
Host: localhost
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache
…
Accept-Encoding: gzip, deflate, sdch

如果您点击 F5，iOS Chrome 将请求正确设置 HTTP cookie 标头的图像。

Answer 1

我找到的唯一解决方案是重新加载 Chrome iOS 浏览器的页面：

<script type="text/javascript">
  if (navigator.userAgent.indexOf('CriOS')>=0 && document.cookie.indexOf('hidpi')<0)
  {
    document.cookie='hidpi=1; path=/';
    window.location.reload();
  }

  document.cookie='hidpi=1; path=/';
</script>