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

最新推荐文章于 2024-06-24 10:36:57 发布

让梦想疯狂

最新推荐文章于 2024-06-24 10:36:57 发布

阅读量902

点赞数 3

分类专栏： Html 文章标签： html chrome 前端

本文链接：https://blog.csdn.net/qq_21275565/article/details/137439038

版权

Html 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了两种方法防止网页翻译：在HTML标签中添加translate=no属性阻止整个页面翻译，以及使用class=notranslate指定特定元素不被Chrome的Google翻译功能处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法1

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

<!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 浏览器不要对这些内容进行翻译

<!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>