蘑菇影视官网清理缓存时横竖屏快速定位：先问自己这2个问题
蘑菇影视官网清理缓存时横竖屏快速定位：先问自己这2个问题
在访问蘑菇影视官网时，遇到页面显示和方向不对（横屏/竖屏错位）或更新内容仍然显示旧页面，通常是缓存或设备方向设置导致的。想要快速定位并解决问题，先问自己下面这两个问题，再按对应步骤处理，会节省大量时间。
先问自己这2个问题 1) 我是在什么设备和浏览器上查看？（手机/平板/电脑 + 浏览器或应用）
- 不同设备和浏览器缓存机制不同，解决步骤也会不同。比如手机浏览器和桌面浏览器的“清除站点数据”位置不一样；如果是蘑菇影视的独立APP，需在应用内或系统设置里清缓存。
2) 我期望页面以横屏还是竖屏优先显示？还是页面在某种分辨率/方向下才会正常？
- 确定目标方向有助于缩小排查范围：是设备方向设置问题（自动旋转关/屏幕锁定），还是网页响应式或脚本在特定方向下没触发样式。
快速排查与解决步骤（按优先级） A. 最快的两招（先试这两步）
- 用无痕/隐私模式打开网站：若页面正常，说明问题由缓存或站点数据造成。
- 在桌面按 Ctrl/Cmd + F5（强制刷新）或在手机上下拉刷新并等待几秒：这是最简单也常见有效的方式。
B. 针对不同平台的清缓存与定位方法
- 桌面（Chrome / Edge / Firefox / Safari）
- 强制刷新：Ctrl/Cmd + F5 或 右键空白处 → 检查 → DevTools 打开后右键刷新按钮选择“清缓存并完全重新加载”（Chrome）。
- 清除单个站点数据（Chrome）：地址栏点击左侧锁型图标 → 站点设置 → 清除数据（或“权限”里找）。
- 若是PWA或Service Worker导致显示旧内容：打开 DevTools → Application（或储存）→ Service Workers → Unregister；或 Clear storage → Clear site data。
- 用开发者工具模拟横竖屏：F12 → 切换到设备工具栏（Ctrl+Shift+M），可以直接切换方向和分辨率，方便复现和定位响应式问题。
- Android（Chrome）
- 直接对单个站点清缓存：打开蘑菇影视官网 → 点击地址栏左侧锁图标 → 网站设置 → 存储 → 清除并重置（Clear & reset）。
- App层面：系统设置 → 应用 → 找到 Chrome 或蘑菇影视APP → 存储 → 清除缓存/清除数据（后者会登出/丢失本地设置）。
- 若页面为PWA：Chrome 设置 → 网站设置 → 所有站点 → 找到域名 → 清除和重置。
- 检查自动旋转：下拉快捷栏查看是否启用了屏幕自动旋转或锁定。
- iOS（Safari / Chrome）
- Safari 清除站点数据：设置 → Safari → 高级 → 网站数据 → 搜索域名并删除（可单独删除某站点数据）。
- Chrome（iOS）无法像桌面那样单独清除站点缓存时，可尝试：在 Safari 中打开或用无痕模式访问，或删除并重装应用。
- 检查屏幕方向锁定：控制中心检查“锁定竖屏”是否开启。
C. 绕过缓存的快捷技巧
- 在 URL 后加随机参数：例如 https://moguovideo.example.com/?t=12345（每次刷新改参数可强制服务器/浏览器重新请求资源）。
- 使用无痕/隐私窗口：临时避免本地缓存干扰。
- 切换网络或用移动数据：有时运营商缓存或CDN节点导致不同步。
D. 如果问题集中在“横/竖 屏显示不正确”
- 设备设置层面先排查：确认自动旋转开启（手机/平板）或屏幕没有被系统锁定。
- 浏览器或页面的视口设置：若你是站点维护者，检查页面是否有正确的 viewport meta（如 ）以及响应式CSS媒体查询（@media (orientation: landscape) / (orientation: portrait)）。普通用户可用开发者工具模拟确认。
- 若页面在某一方向下样式错乱但刷新后仍旧异常，尝试清除站点缓存 + 卸载/重新添加到主屏（PWA）或等待服务端修复。
E. 高级检查（常用于站点维护者或技术较强的用户）
- DevTools → Network：勾选 Disable cache 并刷新以模拟首次加载。
- DevTools → Application → Clear storage：清除 Cookies、LocalStorage、IndexedDB、Cache Storage（Service Worker 的缓存）。
- 若站点使用 CDN 或服务器缓存（如 Cloudflare），联系站点管理员或等候 CDN 刷新，或者在 URL 加参数绕开 CDN 缓存。
常见问题与快速解决建议
- 页面内容已更新但我看不到：先用无痕模式或 URL 加参数；如仍然不行，清除站点数据或等待CDN刷新。
- 屏幕方向固定无法切换：检查系统方向锁；若确定没问题，试重启浏览器或设备。
- App 内显示异常但网页正常：尝试在系统设置中清除该App缓存，或卸载重装。
快速检查清单（发布前可复制）
- [ ] 确认设备与浏览器类型（手机/桌面/APP）
- [ ] 用无痕模式打开看是否正常
- [ ] 强制刷新（Ctrl/Cmd + F5 或下拉刷新）
- [ ] 单个站点清除数据（浏览器→站点设置→清除）
- [ ] 若为PWA，注销 service worker 与清除 Cache Storage
- [ ] 检查设备自动旋转/屏幕锁定
- [ ] 用开发者工具模拟不同方向与分辨率
- [ ] URL 加参数绕过缓存或联系站点管理员处理 CDN 缓存
