解决Safari高版本浏览器中默认禁用第三方COOKIE(含demo)
前段时间在项目里遇到了一个比较头疼的问题,就是高版本的Safari中默认会阻止第三方cookie,这使得使用Safari浏览器的用户无法按照正常的业务逻辑进行操作。
问题展现
知识点
什么是第三方cookie呢?在访问一个网站A时,网站A算作第一方,如果网站A中引用了另一个网站B(网站B的域名与网站A的域名不同)的资源,这时这个网站B就被认为是第三方。需要注意的是,这儿区分不同网站的标准是域名是否相同,而不是这两个网站是否由同一个公司运营。比如,taobao.com和tmall.com被认为是两个网站,尽管它们都属于阿里集团。
问题demo
仅供参考,新建两个basic MVC项目CookieSolution和TestCookieSolution。假设CookieSolution里面是正常的业务逻辑,有两个页面Page1 和Page2 ,相应代码如下:
public ActionResult Page1() { Session["mySession"] = "Jackbase"; return View(); } public ActionResult Page2() { if (Session["mySession"] != "Jackbase") { return Redirect("Page1"); } return View(); }
后台代码如上,前台代码如下:
@*Page1的前台代码*@ <h2>Page 1</h2> <a href="/Home/Page2">Go to Page 2</a> @*Page2的前台代码*@ <h2>Page 2</h2> <a href="/Home/Page1">Back to Page 1</a>
可以看出在Page1的初始化里设置Session["mySession"]的值,在Page2的初始化里检测Session["mySession"]的值,如果值不对,则跳回Page1。在TestCookieSolution中的页面里用iframe引用CookieSolution的页面,前台代码如下:
<h2>Test</h2> <iframe src="http://www.cookieSolution.com"></iframe>
后台
public ActionResult Test() { return View(); }
不要问我www.cookieSolution.com是什么,自行在hosts里添加。
127.0.0.1 www.cookieSolution.com
一切准备就绪,在IIS里面新建两个站点,分别绑定CookieSolution(80端口)和TestCookieSolution(8050端口)
访问http://localhost:8050进行测试(基于Safari浏览器),发现点击Go to Page2完全不能跳到Page2中,依然在Page1 中。Safari安全机制阻止了第三方的Cookie以及Session,网上有很多方法我都做了一一尝试,什么P3P几乎完全不行...
解决方案
既然浏览器阻止的是第三方Cookie及数据,那么我们就想办法让浏览器认为iframe中的页面不属于第三方不就行了吗?那么我们在进入Test页面之前先打开www.cookieSolution.com中的一个页面,设置cookie,然后再跳转到Test页面,这时www.cookieSolution.com就不在属于第三方了。
在TestCookieSolution新增一个页面,PreTest.
public ActionResult PreTest() { return View(); }
<h2>PreTest</h2> <a href="http://www.cookieSolution.com/Home/CookieMaker?url=http://localhost:8050/Home/Test">Go to Test</a>
在CookieSolution的HomeController里面新增方法
public ActionResult CookieMaker() { // 随意设置一个Session Session["Prepare"] = "jb"; return Redirect(Request.QueryString["url"]); }
这样就解决了这个难题了,有兴趣的同学可自行测试,这里就不过多演示了。
参考资料
Missing cookies on iframe in safari 5.1.5
Safari 3rd party cookie iframe trick no longer working?
Ipad Safari iframe cookie 当浏览器默认禁用第三方COOKIE
本文所用代码demo