网页级白屏需先确认开发者工具能否唤出,再依次禁用硬件加速、清除网站Local Storage和IndexedDB、禁用扩展、重置Cookie及权限设置。

谷歌浏览器打开特定网页时页面完全空白、地址栏下方一片纯白、鼠标悬停无反应、刷新键不生效,不是全站失效也不是所有标签页都白,而是只在访问某几个网址(比如公司内网系统、某个Vue前端项目、或含WebGL的可视化页面)时才触发,问题根源往往藏在渲染链路的局部环节。
先确认是网页级白屏还是浏览器级白屏
按 Ctrl + Shift + I 尝试唤出开发者工具;如果窗口弹出且能看到 Elements 或 Console 标签页,说明浏览器主进程和渲染进程已启动,只是目标网页未完成 DOM 构建或 JS 执行卡死——这是网页级白屏,继续往下操作;如果按快捷键毫无反应,或弹出窗口也是一片灰/白,则属于浏览器自身 UI 渲染失败,需回到通用白屏修复流程。
这一步必须做,跳过会导致后续所有操作方向错误。
禁用硬件加速并强制刷新该网页
硬件加速对 WebGL、Canvas 2D、CSS 3D 变换类网页极其敏感,尤其当显卡驱动版本老旧或与 Chrome v139+ 的 ANGLE 后端不兼容时,页面一加载着色器就挂起,UI 线程被阻塞,表现为“页面已加载但内容不出现”。
点击右上角三个点 → 设置 → 系统 → 关闭“使用硬件加速模式(如果可用)” → 滚动到底部点击“重新启动”。
重启后不要直接访问原网页,先打开一个空白标签页(Ctrl + T),再在地址栏输入目标网址回车。这能避免旧渲染上下文残留干扰。
清除该网站专属的 Local Storage 和 IndexedDB
很多单页应用(SPA)把关键状态存进 Local Storage 或 IndexedDB,一旦数据结构损坏(比如 JSON 字段缺失、二进制 blob 错位),JS 初始化脚本就会静默报错退出,页面留白但控制台可能只显示一条红色 error 而不崩溃。
方法一:通过 DevTools 清理
确保已打开目标网页(哪怕白屏)→ Ctrl + Shift + I → 切换到 Application 标签页 → 左侧选中 Storage → 展开 Local Storage 和 IndexedDB → 右键对应域名 → “Clear”。
方法二:手动删除文件(更彻底)
必须先关闭 Chrome 所有窗口 → 按 Win + R 输入:%localappdata%\Google\Chrome\User Data\Default\Local Storage\ → 回车 → 在文件列表中找到类似 http_XXX_0.localstorage 或 https_XXX_0.indexeddb.leveldb 的文件(XXX 是目标域名哈希)→ 选中并永久删除 → 重启 Chrome。
【注意】删前务必确认文件名中的域名片段与你要访问的网站一致,误删其他域名会导致对应网站登录态丢失。
临时禁用扩展并隔离脚本注入
广告拦截器、代码注入类扩展(如 Tampermonkey + 特定脚本)、代理切换插件,会在页面 load 前插入 JS,若脚本与目标网页的 Vue/React 版本冲突,或篡改了 fetch/axios 原型,就会导致资源请求被吞、Promise 不 resolve、首屏渲染永远卡在 loading 状态。
第一步:在地址栏输入 chrome://extensions/ → 关闭顶部“开发者模式”开关(防止误触)→ 将所有扩展右侧滑块拖至灰色关闭状态。
第二步:按 Ctrl + Shift + N 打开隐身窗口 → 在隐身页地址栏直接输入目标网址 → 观察是否正常显示。隐身模式默认禁用所有扩展,若此时能打开,说明问题确由扩展引起。
第三步:返回扩展页,逐一开启扩展,每次开启后都在普通窗口访问该网页,直到复现白屏 —— 定位到那个扩展后,右键选择“从 Chrome 中移除”。
重置该网站的 Cookie 和权限设置
某些网页依赖特定 Cookie 值(如 session_id、auth_token)或需要摄像头/地理位置等权限才能激活主逻辑,若 Cookie 过期但未被清除,或权限被设为“拒绝且不再询问”,JS 就会跳过初始化流程,留下空壳 HTML。
① 在 Chrome 地址栏输入:chrome://settings/content/cookies
② 点击“所有网站” → 在搜索框输入目标网址 → 找到条目后点击右侧三个点 → 选择“删除”
③ 返回设置页,左侧点“隐私和安全” → 点“网站设置” → 分别检查“位置”“摄像头”“麦克风”“通知”等权限 → 找到该域名 → 将其权限设为“允许”或“询问”
④ 关闭所有 Chrome 窗口,重新打开并访问该网页











