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

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

方法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>
目录
相关文章
|
4天前
|
Web App开发
在HTML中用meta控制浏览器默认模式
在HTML文档的`&lt;head&gt;`标签中,通过添加不同的`&lt;meta&gt;`标签可指定浏览器默认使用的内核。使用`&lt;meta name=&quot;renderer&quot; content=&quot;webkit&quot;&gt;
13 1
|
9天前
|
Web App开发 移动开发 JavaScript
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
16 5
|
9天前
|
移动开发 前端开发 JavaScript
浏览器端图表渲染技术SVG, VML HTML Canvas
浏览器端图表渲染技术SVG, VML HTML Canvas
10 0
|
19天前
|
Web App开发
禁用Google Chrome自动更新,怎么找到Update目录?
本文介绍一下如何找到Update目录。
27 0
|
25天前
|
Web App开发 Linux 开发者
实用的Chrome浏览器命令
实用的Chrome浏览器命令
|
1月前
|
Web App开发 搜索推荐
Chrome 扩展 AdBlock hide something on this page 功能介绍
Chrome 扩展 AdBlock hide something on this page 功能介绍
17 0
|
1月前
|
Web App开发 Linux Windows
实用的chrome浏览器命令
实用的chrome浏览器命令
24 0
|
1月前
|
Web App开发 缓存 搜索推荐
实用的Chrome浏览器命令
【5月更文挑战第6天】探索Chrome的隐藏命令行工具,提升浏览效率和解决问题。如`chrome://flags/`启用实验性功能,`chrome://net-internals/`进行网络诊断,`chrome://settings/content/`管理内容设置等。了解这些工具,可解决浏览器问题,优化隐私和性能,实现个性化设置。成为Chrome专家,让浏览体验更上一层楼。
111 0
|
1月前
|
前端开发 JavaScript
浏览器通过构建DOM树来解析HTML代码
【4月更文挑战第30天】浏览器通过构建DOM树来解析HTML代码
29 1
|
1月前
|
Web App开发 JavaScript 前端开发
【专栏】如何使用 Chrome DevTools 的断点功能提升前端调试效率, 花式打断点
【4月更文挑战第29天】本文介绍了如何使用 Chrome DevTools 的断点功能提升前端调试效率。从基本的行断点和函数断点,到更高级的条件断点、DOM 断点、XHR 断点和事件断点,以及代码注入断点,详细阐述了各种断点的设置和应用场景。通过断点调试实战案例,如异步操作、复杂逻辑和性能优化,展示断点在解决实际问题中的重要作用。掌握这些技巧能有效提高开发质量和效率。

热门文章

最新文章