Cypress 9.6.0输出窗口占满屏幕无法还原，求解决方法

以下是几个针对性的解决步骤，按顺序尝试：

• 修改全局配置文件
  直接在项目根目录的cypress.json（若使用JS配置则为cypress.config.js）中添加全局视口配置，覆盖Cypress保存的窗口状态：

  {
    "viewportWidth": 1280,
    "viewportHeight": 720
  }
  

  保存后重新启动Cypress，启动时会自动加载这个默认尺寸。

• 清除Cypress缓存
  卸载重装可能未清理缓存，Cypress会保留窗口布局的历史状态。找到对应系统的缓存目录，删除9.6.0版本的缓存文件夹：

  • Windows: C:\Users\<你的用户名>\AppData\Local\Cypress\Cache\9.6.0
  • Mac: ~/Library/Caches/Cypress/9.6.0
  • Linux: ~/.cache/Cypress/9.6.0
    删除后重新启动Cypress，窗口会恢复默认布局。

• 用系统快捷键强制调整窗口
  利用系统自带的窗口管理快捷键打破全屏状态：

  • Windows：按下Win + 左箭头或Win + 右箭头，将Cypress窗口贴到屏幕边缘，此时可拖动窗口边缘调整大小；也可按Win + Down箭头退出全屏。
  • Mac：按下Ctrl + Cmd + F切换全屏状态，或将鼠标移到屏幕顶部唤起窗口栏，拖动窗口边缘调整尺寸。

• 通过启动命令强制设置视口
  在项目的package.json的scripts中修改启动命令，添加视口参数：

  {
    "scripts": {
      "cypress:open": "cypress open --viewport-width 1280 --viewport-height 720"
    }
  }
  

  运行npm run cypress:open启动Cypress，会强制以指定尺寸打开窗口。

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