如何关闭 Google 翻译在 HTML class 属性上的自动翻译功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计810个文字，预计阅读时间需要4分钟。
原文：
Google 翻译（尤其是 Chrome 浏览器内置的页面翻译功能）在处理网页时，默认会对页面中所有可识别的文本内容进行检测与翻译，包括 HTML 元素的属性值——这可能导致动态生成的 class 名（如 "notranslate header-active" 或基于 ViewModel 计算出的 headerLabel() 结果）被误判为待翻译文本，进而被替换为对应语言的词汇（例如 header-active → cabecera-activa），破坏 CSS 选择器匹配逻辑，引发样式丢失或交互异常。
⚠️ 需要明确：<span class="notranslate">...</span> 中的 notranslate 是作用于元素内文本内容的，对 class 属性本身无效；同理，translate="no" 若加在 <div> 上，仅阻止该元素内部文本被翻译，仍无法保护其 class 属性值不被解析和修改。
本文共计810个文字，预计阅读时间需要4分钟。
原文：
Google 翻译（尤其是 Chrome 浏览器内置的页面翻译功能）在处理网页时，默认会对页面中所有可识别的文本内容进行检测与翻译，包括 HTML 元素的属性值——这可能导致动态生成的 class 名（如 "notranslate header-active" 或基于 ViewModel 计算出的 headerLabel() 结果）被误判为待翻译文本，进而被替换为对应语言的词汇（例如 header-active → cabecera-activa），破坏 CSS 选择器匹配逻辑，引发样式丢失或交互异常。
⚠️ 需要明确：<span class="notranslate">...</span> 中的 notranslate 是作用于元素内文本内容的，对 class 属性本身无效；同理，translate="no" 若加在 <div> 上，仅阻止该元素内部文本被翻译，仍无法保护其 class 属性值不被解析和修改。