如何屏蔽掉页面的翻译功能？_js 给指定元素避免被翻译-CSDN博客

本文链接：https://blog.csdn.net/2401_87873725/article/details/144681976

屏蔽掉页面的翻译功能，主要可以从前端开发的角度入手，通过修改HTML代码来实现。以下是一些具体的方法：

在HTML标签中添加translate="no"属性：
在HTML文件的<html>标签中加入translate="no"属性，可以阻止整个页面被翻译。例如：
```
<!DOCTYPE html>
<html translate="no">
<head>
    <meta charset="UTF-8">
    <title>Your Page Title</title>
</head>
<body>
    
</body>
</html>
```
这样设置后，浏览器将不会对整个页面进行翻译。
使用<meta>标签禁用Google翻译：
在HTML文件的<head>部分加入<meta name="google" content="notranslate">标签，可以告诉Google浏览器不要翻译该页面。例如：
```
<head>
    <meta charset="UTF-8">
    <meta name="google" content="notranslate">
    <title>Your Page Title</title>
</head>
```
这种方法特别针对Google浏览器及其翻译功能。
为特定元素添加class="notranslate"：
如果你只希望页面中的某些特定元素不被翻译，可以在这些元素中添加class="notranslate"属性。这可以应用于各种HTML元素，如<div>、<p>、<span>等。例如：
```
<body>
    <div>This content may be translated.</div>
    <div class="notranslate">This content will not be translated.</div>
</body>
```
这样，被标记为notranslate的元素内容将不会被浏览器翻译。
通过JavaScript禁用翻译功能：
虽然这不是直接通过HTML实现的方法，但你也可以使用JavaScript来尝试禁用或干扰页面的翻译功能。不过，这种方法可能更加复杂，且效果可能因浏览器和翻译工具的不同而有所差异。