启用Cypress代码覆盖后跨源程序执行失败，咨询跨域覆盖可行性

直接说结论：Cypress原生不支持跨源切换过程中自动记录代码覆盖，你遇到的Blocked a frame with origin "https://myurl.com" from accessing a cross-origin frame错误，是浏览器同源策略和代码覆盖工具的工作机制冲突导致的。

问题根源 #

Cypress的代码覆盖工具（比如常用的@cypress/code-coverage）依赖在被测页面注入插桩脚本，收集代码执行数据后回传给Cypress主测试进程。但跨源切换后：

• 浏览器同源策略会禁止原域名的Cypress窗口访问新域名页面的执行上下文
• 新页面的插桩数据无法回传给主进程，主进程也无法读取新页面的覆盖信息，直接触发跨域访问拦截错误

可行解决方案 #

给你几个实际可用的处理方案：

• 拆分跨源测试：把不同域名的测试拆成独立文件，每个文件只针对单一域名运行，各自的代码覆盖数据可以分别收集，最后用工具合并报告
• 临时关闭跨源用例的覆盖：在涉及跨源跳转的测试用例中，临时跳过代码覆盖收集，比如添加这段拦截逻辑：

  cy.intercept('*', (req) => {
    req.headers['x-cypress-skip-coverage'] = 'true'
  })
  

• 开启experimentalSessionAndOrigin特性：Cypress 10+版本支持这个实验特性，开启后会在跨源切换时重建测试上下文，虽然仍无法自动共享覆盖数据，但可以在每个源的测试结束后手动导出数据，自行编写脚本合并
• 手动收集跨源数据：在新域名页面手动注入插桩脚本，将覆盖数据存储到localStorage（需配置CORS允许跨域读取），切换回原域名后再读取并上报

注意事项 #

跨源场景的代码覆盖无法做到同源场景那样无缝收集，无论采用哪种方案都需要额外的工程化处理，优先选择拆分测试的方案，实现成本最低。

内容的提问来源于stack exchange，提问作者Theresa Wright