谷歌浏览器翻译导致网页排版错乱，因动态替换文本、重写样式、修改字体行高，引发容器溢出、浮动偏移、断点失效及z-index崩溃；需关闭自动翻译、禁用特定网站翻译、清除翻译注入节点与内联样式、恢复字体与行高设置，并用无痕模式排查插件干扰。
谷歌浏览器翻译后网页排版错乱，是因为翻译过程会动态替换文本节点、重写内联样式、修改字体大小与行高，导致固定宽度容器溢出、浮动元素偏移、响应式断点失效，甚至触发新的层叠上下文使z-index逻辑崩溃。
立即停用自动翻译功能
第一步：点击右上角三个点 → 设置 → 高级 → 语言 → 关闭“提供翻译”开关。
这一步必须做，【关闭后所有后续页面将不再触发自动翻译流程，从源头阻断DOM和CSS的强制篡改】。
第二步：若只想禁用特定网站，访问该站时当弹出“是否翻译此页面”提示框，直接点“选项”→“永不翻译此网站”。
清除已翻译页面的残留样式污染
方法一：在错乱页面按 F12 打开开发者工具 → 切换到“元素”面板 → 在顶部搜索框输入 translate- 或 goog-trans → 删除所有含此类 class 名的 <div> 或 <span> 节点。
这些是翻译插件注入的包裹容器，强行撑开原始布局，删掉后页面结构通常立刻回正。
方法二：在控制台（Console）中粘贴执行：document.querySelectorAll('[style*="font-size"], [style*="line-height"]').forEach(el => el.removeAttribute("style"))
这行脚本会批量清除被翻译器硬编码进来的 font-size 和 line-height 内联样式——它们是造成文字挤压、换行错位的最常见元凶。
在 Linux 上通过 Chrome 挂载/VNC 自动发布小红书长笔记。Agent 撰写标题和正文后执行 xhs_publish.sh --publish --submit，触发小红书发布。
修复因翻译引发的字体回退与行高塌陷
第一步：在开发者工具的“计算样式”面板中，选中错位段落 → 查看 font-family 实际生效值。
若显示为 sans-serif 或空白，说明翻译后原字体族丢失，系统回退到默认字体，字宽与行高度量全变。
第二步：临时覆盖字体设置——在控制台中执行：document.body.style.fontFamily = "'Noto Sans SC', 'Microsoft YaHei', sans-serif"
这能强制恢复中文字体一致性，避免因字符集切换导致的行高塌陷或换行点偏移。
第三步：同步修复行高——继续执行：document.body.style.lineHeight = "1.6"
【注意：不要设为 1 或 100%，那会彻底压垮中文段落的呼吸感】。
用无痕模式快速验证是否为翻译插件导致
① 按 Ctrl + Shift + N（Windows）或 Cmd + Shift + N（Mac）打开无痕窗口。
② 直接访问出问题的网址。
③ 若排版正常，说明当前常规窗口中某个扩展正在劫持翻译逻辑——极大概率是“Google 翻译”官方插件或第三方翻译助手。
④ 回到普通窗口，地址栏输入 chrome://extensions/ → 关闭“Google 翻译”及其他名称含“Translate”“Reader”“Zoom”的扩展 → 重启 Chrome。
