记录－交流－Web开发知识分享
整个CORS通信过程，都是浏览器自动完成，不需要用户参与。
实现CORS通信的关键是服务器。只要服务器实现了CORS接口，就可以跨源通信。
OPTIONS请求即预检请求，可用于检测服务器允许的http方法。当发起跨域请求时，由于安全原因，触发一定条件时浏览器会在正式请求之前自动先发起OPTIONS请求，即CORS预检请求，服务器若接受该跨域请求，浏览器才继续发起正式请求。
preflight，一个cors预检请求，属于options请求。该请求会在浏览器认为即将要执行的请求可能会对服务器造成不可预知的影响时，由浏览器自动发出。
利用预检请求，浏览器能够知道当前的服务器是否允许执行即将要进行的请求，只有获得了允许，浏览器才会真正执行接下来的请求。…
window.postMessage() 方法允许来自一个文档的脚本可以传递文本消息到另一个文档里的脚本，而不用管是否跨域。一个文档里的脚本还是不能调用在其他文档里方法和读取属性，但他们可以用这种消息传递技术来实现安全的通信。
这项技术称为“跨文档消息传递”，又称为“窗口间消息传递”或者“跨域消息传递”。…
本文章向大家介绍新的跨域策略：使用COOP、COEP为浏览器创建更安全的环境，主要包括新的跨域策略：使用COOP、COEP为浏览器创建更安全的环境使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。
可组合性是 Web 的非常强大的一项能力，你可以轻而易举的加载来自不同来源的资源来增强网页的功能，例如：font、image、video 等等。
这些服务非常强大，也很方便，但是这样的策略同样会加大信息泄漏的风险，攻击者可以利用某些手段泄漏你的用户信息。
浏览器在阻止这些攻击上做的也很好。同源策略我们已经很熟悉了，它用于限制不同源的站点的资源访问。详细可以戳浏览器的同源策略，这里不再过多介绍。
但是同源策略也有一些例外，任何网站都可以不受限制的加载下面的资源：…
作者：Eiji Kitamura & Domenic Denicola
翻译：疯狂的技术宅
原文：https://web.dev/why-coop-coep/
未经允许严禁转载
为什么需要跨域隔离才能使用功能强大的功能，例如 SharedArrayBuffer，performance.measureMemory() 和 JS Self-Profiling API。…
预计从今年 5 月的 Chrome 91 开始，所有平台都将需要启用跨域隔离，以访问诸如 SharedArrayBuffer 和 performance.measureUserAgentSpecificMemory() 之类的 API 。这将使桌面平台与 Android 保持一致，后者在 Chrome 88 中发布了此限制。
如果需要使用这些 API，必须为页面提供以下标头来确保页面是跨域隔离的：
Cross-Origin-Embedder-Policy: require-corp
Cross-Origin-Opener-Policy: same-origin在执行此操作后，除非资源通过 Cross-Origin-Resource-Policy 标头或 CORS 标头（Access-Control-Allow- *等）明确允许，否则页面将无法加载跨域内容。
SharedArrayBuffer 于 2017 年 7 月的 …
跨域这个话题已经谈了很多年了，怎么现在又要谈这个问题？本来是可以不必再提了的，但是由于Chrome 86版本以后又增加了很多限制，导致我们不得不再次提起。
对于前端开发来说，跨域通常有两种方式，一种是在服务端修改nginx配置，在response headers里添加CORS设置，另一种是在本地架设代理。我们先谈第一种。
原本在nginx里添加CORS已经是一种常规操作，简单到无以复加：…
CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。
它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。
本文详细介绍CORS的内部机制。…
…
解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头、正确响应options请求，正确设置 JavaScript端需要设置的headers信息 方能实现。
此处手札 供后人参考~…
HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能，只要获取到网页所在窗口对象的实例，不仅仅同源(域+端口号)的web网页之间可以互相通信，甚至可以实现跨域通信。
浏览器支持程度：IE8+，firefox4+，chrome8+ opera10+
1. 首先，要想接收从其他的窗口发过来的消息，就必须对窗口对象的message事件进行监听，如下代码：
window.addEventListener(“message”, function(){},false);…
近期评论