起因:
组件采用很常见的无刷新上传文件
方式,但在某处应用一直抛出异常:permission denied 以及 domain 相关的错误,仔细排查原来是调用页面设置了 document.domain ,借此机会总结下。
同源策略:
每个页面都包含两个概念:origin(源)以及 effective script origin
。
origin:
有三个组成部分约束,协议scheme,host,port,形成三元组,两个不同源比较正是比较这三个部分。( host 间是完全比较,子域名间相互包含也认为不相同而不能互相访问)
effective script origin:
默认和 origin 一样,但是可以经由 document.domain 设置 host 与 port 部分,并且一旦设置, port 部分会变成特殊值:"manual override" ,这个值除了和"manual override"相同外不和其他任何值相同。但是要注意的是
1. domain 只能设宽泛,比如页面 xx.iteye.com 的domain可设置为 iteye.com ,但是不能互逆,并且设置只能越来越宽泛,一旦页面 y.xx.com 设置了 xx.com 那么这个页面就再也不能重新设置 domain 为
y.xx.com.
2. 对于国际化域名,domain 不能设置太宽泛,比如 xx.javaeye.co.us 的最多可设 javaeye.co.us,而不能是 co.us
3. 共享域名的情况要特别注意,最好不要设置domain,否则xx.com 可能会被 xx.com:8080 的页面访问,引发同源保护失效(设置了domain,port就变成"manual override"!).
页面互访规则:
两页面能够互相访问正是比较两个 effective script origin 是否相同,相同的话则可以互相访问,比如 主页面嵌入了一个同一个域名下的子页面,那么如果主页面设置了 document.domain ,那么子页面也必须设置相同的值,否则两者就不能互相通信了,这也正是开头场景遇到的问题。
demo @ google code
解决:
对于开头的错误,原先可能 server 端只需返回:
{"url":"http://xx/y.jpg"}
我们只需访问 iframe.contentDocument.body.innerHTML 来访问浏览器 parse 好的内容,而如果主页面设置了 domain :
document.domain='xx.com';
那么server 现在需要返回的 iframe 内容需要加入对应的设置相同 domain 脚本:
<html>
<head>
<script>
document.domain="xx.com";
</script>
</head>
<body>
{ "url":"http://xx.com/sns_album/i3/y.jpg"}
</body>
</html>
将脚本单独放在 head 中和 body 分开,则仍然可以取 body 内容,否则脚本会和 body 混合在一起。
延伸:
由于 XHR 也会受到同源策略的影响:
y.xx.com 页面不可以发送 xhr 请求给 xx.com ,但是如果在 y.xx.com 设置 domain=xx.com ,就可以发了 (当然仍然可以给 y.xx.com 发送接收 xhr),但是无论怎么设都不可以往 z.xx.com 发送请求,因为 domain 只能设置当前页面 hostname 的后缀!
另一方面 XHR 作为数据传输技术,没法执行 domain 设置脚本,不过有人已经实现了通过设置 domain 的iframe作为中转层进行通信 , KISSY io 也对此进行了支持。推荐比较简单的替代方案为:JSONP
。
Cookie
但是同源策略却和 cookie
完全没有关系, cookie 是自己独立的一套规则 (甚至和访问的 port 端口都没有关系):
0. 注意 cookie 总大小(4k)以及个数(20)
的所有浏览器支持的极端限制
1. 通过服务器 Set-Cookie 或客户端 document.cookie= 进行添加,如果添加后,
1.1 当前页面的cookie(本host以及host后缀域)总大小 (name=value;串)大于 4096 byte 则添加无效。
1.2 当前添加域的cookie个数超过上限,添加无效
通过设置 expire 小于当前事件来控制 cookie 删除.如果不设置 expire,则该 cookie 为 session cookie,浏览器关闭后自动删除。
2. 访问一个页面前,首先列出当前 host 下以及当前 host 的后缀系列下设置的 cookie 列表
3. 对 2 的列表进行循环过滤
3.1 path 是当前页面的 path 的前缀,进入 3.2 ,否则不发
3.2 secure == true 并且 页面不是 https ,不发,否则进入 3.3
3.3 按照 host 以及 path,越特殊的越靠前,(选取个数上限的cookie ? 不确定
!),以name=value;拼成字符串,发送往服务器,(根据 1.1 这个串不大于 4096 byte)
reference :
same origin w3 规范
document.domain @ MDC
Same_origin_policy_for_JavaScript @ MDC
Same-origin policy for file: URIs @ MDC
About Cross-Frame Scripting and Security @ MSDN
How to make XMLHttpRequest calls to another server in your domain @ ajaxian
分享到:
相关推荐
HttpOnly属性可以防止JavaScript访问Cookie,从而减少Cookie被篡改或窃取的风险。然而,尽管Cookie安全策略比同源策略更为严格,但JavaScript依然可以通过某些方式绕过限制,如改变Cookie的Path属性。 【Flash安全...
这样,只有与指定IP地址匹配的客户端才能访问这个Cookie。 然而,这种方法并非完美无缺,因为它依赖于JavaScript在客户端运行,而恶意用户可能会禁用或绕过JavaScript。此外,它不适用于跨域设置Cookie,因为浏览器...
#### 二、关于跨域访问Cookie的处理 在跨域访问中处理Cookie是一项重要的任务,因为Cookie往往包含用户的认证信息。在跨域请求中,默认情况下Cookie不会被发送。因此,在某些场景下需要显式地配置服务器端允许发送...
请注意,由于同源策略的限制,Cookie只能在创建它的域内读取。跨域读写Cookie可能涉及安全问题,需谨慎处理。此外,由于HTTP-only标志的存在,JavaScript可能无法访问某些Cookie,这是为了防止XSS攻击。 ### 8. ...
比如,同源策略限制了跨域访问Cookie,而HTTP Only属性可以防止JavaScript代码访问某些敏感的Cookie,以降低XSS攻击的风险。此外,Cookie大小有限制,一般不超过4KB,因此不适合存储大量数据。 总的来说,...
- **同源策略**:默认情况下,JavaScript只能访问同源的Cookie,可以通过设置`withCredentials`为true在AJAX请求中跨越。 总结,".net最完整的cookie操作类"是一个为了简化和增强.NET平台下Cookie管理而设计的...
- **同源策略**:理解Cookie的同源策略,即只有来自同一源的请求才能访问该源的Cookie。 - **Cookie的生命周期**:了解Cookie的生命周期是如何设定的,以及默认情况下浏览器如何处理过期的Cookie。 由于“Cookie...
`httpOnly`选项可以防止JavaScript访问cookie,增加安全性,但jQuery.cookie不直接支持这个选项,需要在服务器端设置。 三、跨域与同源策略 由于浏览器的同源策略限制,通常一个页面只能访问属于同一域的cookie。...
- **安全性**:Cookie遵循同源策略,即只能由设置它们的域下的页面访问,其他站点无法访问。 - **隐私保护**:用户可以在浏览器设置中选择禁用或清除Cookie,影响网站的个性化功能和用户追踪。 6. **设置Cookie的...
本文主要探讨如何解决Iframe跨域访问Cookie和Session的问题。 首先,理解跨域访问的基本概念。在Web浏览器的安全策略中,同源策略(Same-origin policy)禁止了一个源(协议+域名+端口)的文档或脚本直接获取另一个...
Safari和Opera等浏览器遵循一种称为“同源策略”的安全机制,它限制了不同源之间的交互,包括读取cookie。在用户未直接访问过iframe加载的源的情况下,这些浏览器会阻止iframe内的页面读取或设置cookie。为了解决这...
9. **跨域问题**:Cookie有同源策略限制,即只能在创建它的域内读取。如果应用涉及到跨域,需要考虑如何处理跨域登录。 理解并掌握以上知识点,有助于开发者构建安全、便捷的自动登录系统。在实际开发中,还需关注...
在3.11.3章节中,我们将聚焦于服务端访问Cookie时常见的问题,这对于初学者来说是至关重要的学习环节。 问题1:获取Cookie的值 在PHP中,我们通常使用全局数组$_COOKIE来访问存储在客户端的Cookie。当服务器接收到...
默认情况下,浏览器只会发送同源的Cookie。如果需要在跨域请求中携带Cookie,可以设置`Access-Control-Allow-Credentials`响应头为`true`,同时确保服务器端允许携带credentials的请求。 例如,在上述的CorsFilter...
这个Cookie通常包含一个唯一的会话ID,与数据库中用户的登录信息关联。这样,当用户下次访问时,浏览器自动发送这个Cookie,服务器通过识别Cookie中的会话ID来确认用户的身份,从而实现无感知的自动登录。 实现专业...
- **HttpOnly**:防止JavaScript通过document.cookie访问Cookie,增加安全性。 3. **Cookie的应用场景** - **会话管理**: 识别用户会话,如保持登录状态。 - **个性化设置**: 存储用户偏好,如页面布局、字体...
将Cookie标记为`HttpOnly`可以防止JavaScript脚本访问Cookie,降低跨站脚本攻击的风险。 ##### 3. 设置Secure属性 对于需要安全传输的Cookie,应设置`Secure`属性,确保只有在HTTPS连接下才会发送该Cookie。 #####...
7. **兼容性与最佳实践**:考虑到跨域、同源策略和不同浏览器的差异,确保你的cookie实现能在主流浏览器中正常工作。同时,现代Web应用可能更倾向于使用localStorage或sessionStorage,因为它们提供了更大的存储容量...
5. **跨域问题**:由于浏览器的同源策略限制,JavaScript通常只能访问同源(协议、域名和端口相同)的Cookie。为了跨越这个限制,插件可能利用了浏览器插件的权限,允许读取不同源的Cookie。 6. **安全与隐私**:在...
8. **跨域问题**:Cookie有同源策略限制,即只能由创建它的域读取,因此在处理多域名环境时,需要特别注意Cookie的设置,确保数据能在正确的站点之间共享。 通过上述方法,我们可以实现更加个性化的Web应用,让用户...