在 HTML 中禁用 Chrome 浏览器的 Google 翻译功能

方法1

在 html 标签中添加 translate="no" 属性,浏览器将不会翻译整个页面。

html 复制代码
<!DOCTYPE html>
<!-- 添加以下 html 标签中添加 translate="no" 属性 -->
<html translate="no">
<head>
    <meta charset="UTF-8">
    <title>Your Page Title</title>
</head>
<body>
    <div >One more thing</div>
</body>
</html>

方法2

如果你希望某个元素内容不被翻译,在 html 元素中添加 class="notranslate" 告诉 Chrome 浏览器不要对这些内容进行翻译

html 复制代码
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Your Page Title</title>
</head>
<body>
    <div>One more thing</div>
    <!-- 在 HTML 中使用 class="notranslate" 来禁用 Chrome 浏览器的 Google 翻译功能 -->
    <div class="notranslate">One more thing</div>
</body>
</html>
相关推荐
哈哈O哈哈哈13 小时前
📚 最新版 SCSS(Sass)完整教程(2026 年版)
前端
哒哒哒52852013 小时前
为什么用 useReducer 而不用 useState?
前端
OEC小胖胖14 小时前
02|从 `createRoot` 到 `scheduleUpdateOnFiber`:一次更新如何进入 React 引擎
前端·javascript·react.js·前端框架
林太白14 小时前
ofd文件
前端·后端
闲云一鹤14 小时前
Git 焚决!一个绝招助你找回丢失的代码文件!
前端·git
小宇的天下14 小时前
Calibre 3Dstack--每日一个命令day 6 [process和export layout](3-6)
java·前端·数据库
冴羽14 小时前
2025 年最火的前端项目出炉,No.1 易主!
前端·javascript·node.js
wordbaby14 小时前
Flexbox 布局中的滚动失效问题:为什么需要 `min-h-0`?
前端·css
demo007x14 小时前
在国内也能使用 Claude cli给自己提效,附实操方法
前端·后端·程序员
jayaccc14 小时前
Webpack配置详解与实战指南
前端·webpack·node.js