js如何禁止Chrome浏览器自动翻译

最新推荐文章于 2024-12-24 08:12:56 发布

原创最新推荐文章于 2024-12-24 08:12:56 发布 · 3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #chrome #机器翻译

js基础踩坑手册专栏收录该内容

8 篇文章

订阅专栏

文章介绍了在网页测试时遇到的中文字符错误，特别是谷歌浏览器的自动翻译功能可能导致的乱码问题。提供了三种解决方案：1)添加HTML元标签`<metaname=googlecontent=notranslate>`来阻止自动翻译；2)使用`<htmltranslate=no>`禁止翻译整个页面；3)设置页面默认语言为`<htmllang=zh-CN>`。这些方法旨在确保页面中文的正确显示。

页面在测试的时候，发现会出现一些中文字符错误，谷歌浏览器有自动翻译的功能，这样容易导致页面的中文被翻译成乱码，解决的方法有几种：
在这里插入图片描述

1，阻止页面自动翻译

在html里面加上

<meta name="google" content="notranslate" />

这种方法只能阻止自动翻译，如果用户点右键去翻译，还是会被翻译到

2，禁止翻译

这样页面就不会受翻译影响

<html translate="no">

3，设置项目的默认语言

在html文件中设置 lang=“zh-CN”

<html  lang="zh-CN>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

～二向箔～

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

让梦想疯狂

04-06

1276

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

Chrome浏览器最新版

最新发布

10-07

Chrome浏览器是由谷歌公司开发的一款快速、安全的网络浏览器。它具备了简洁的界面设计、强大的功能和良好的跨平台兼容性。最新版的Chrome浏览器在性能优化、安全性、用户体验等方面都进行了相应的提升和改进。性能...

参与评论您还未登录，请先登录后发表或查看评论

js阻止Chrome 自动翻译网页

weixin_56349487的博客

05-06

1078

Windows和Mac系统上文字内容显示显示不一致的问题

防止浏览器要求翻译

lio-zero 的博客

11-08

376

如果一个网站的内容是用一种特定的语言编写的，那么访问者在使用某些浏览器时可能会被提示将其翻译成另一种语言(例如谷歌浏览器)。您可以通过为整个文档设置 translate 属性来防止这种情况发生： <html translate="no"></html> translate 属性对某些翻译工具(如 Google translate)有影响。此外，它是一个全局属性，意味着我...

避免chrome自动触发翻译

supming1的专栏

08-13

1189

html 中如果有lang属性，lang属性标明的语言跟你界面语言不符时，chrome就可能会触发自动翻译功能。这功能可能导致两种bug: 1、中文经过翻译后，顺序错误 2、翻译过程中，DOM结果改变，导致一些依赖DOM获取参数的功能失效。建议：如果你的网站并没有触发chrome翻译的需求，建议去除lang属性；如果你确实有这种需求，那么务必保证lang设置语言跟你的界面语言一致。 la...

精选资源

vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法

01-18

一、vue中解决chrome浏览器自动播放音频需求有新订单的时候，页面自动语音提示和弹出提示框；问题 chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。严格地来说，是Chrome不允许在用户对...

精选资源

javascript编写基于chrome浏览器的打印程序,本例用来打印小票.zip

01-08

在本示例中，我们将探讨如何使用JavaScript和Chrome浏览器来实现小票的打印。这个压缩包包含了实现这一目标的关键资源，包括一个名为`chrome调用打印机print.html`的HTML文件，以及两个指向百度经验页面的链接，这些...

Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址

10-16

在命令行中使用Node.js来检查Chrome浏览器是否安装，并且在安装的情况下打开一个指定的网址，是一项常见的开发任务，尤其是在需要自动化执行某些浏览器操作时。本文将介绍如何利用Node.js实现这一功能。首先，我们...

浏览器的自动翻译会影响 JS 逻辑

weixin_30918415的博客

12-30

223

有人在 QQ 群里反馈，官方注册后跳转时出现 Bug。收到群友非常有用的资讯，这是因为浏览器的自动翻译功能引起的。 11:04:21【潜水】Better Command 2017/12/30 11:04:21@爱上我房子这颗大树不是bug【潜水】Better Command 2017/12/30 11:04:44@爱上我房子这颗大树把你的翻译关掉就好了【潜水】...

禁用和启用google翻译

a1091662876的博客

02-20

2936

想禁用google翻译的话: 1、在html 标签中加入属性 translate="no" <html lang="en" translate="no"> 2、或者在html文件的head中加入 <meta name="google" content="notranslate"> 3 、或者在不想被翻译的元素中加入class="notranslate"，可以是html、div 等各种元素 <div class="notranslate"> 如果

禁止chrome-----翻译网页

江木

12-01

4546

chrome浏览器翻译成中文时，结构里会多出文字（原因未知）解决：（阻止浏览器翻译网页）

html设置阻止网页在google浏览器中打开时弹出自动翻译框

lingliu0824的博客

02-09

6676

想要阻止网页打开时弹出上面的翻译窗口，有两种设置方式： 1.（建议）在html文件的head标签中添加meta标签： <meta name="google" content="notranslate" /> 2.设置html标签lang属性为zh-CN(简体中文) <html lang="zh-CN"> ...

如何取消Chrome浏览器自动翻译

热门推荐

m0_48607837的博客

06-15

1万+

如何取消Chrome浏览器自动翻译 这是一个坑, 很多新手在学习Vue的一些指令(例如: v-model 等一些指令)的时候,谷歌浏览器会自动打开翻译, 导致你的Vue指令不执行Console面板也不会报任何的错误, 就很头疼。自己总结了两种方法和大家分享第一种, 在浏览器里关闭自动翻译(一旦关闭,任何页面都不会翻译) 第二种, 用代码关闭但也页面的翻译(用代码只会关闭你想关闭翻译的页面, 其他页面不受影响) 第一种方法: 点开浏览器设置往下拉找到高级这两个字点开找到语言点开后边的倒三角点开后找

JS监控关闭浏览器操作

smallnetvisitor的博客

10-15

300

需求如下：用户关闭浏览器通知后台。方案如下： 1.采用js监控关闭浏览器操作。 2.用户关闭浏览器的时候发ajax请求到后台，执行相应的业务操作代码如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ...

【前端开发】菜鸟必看，html 禁用谷歌翻译

yhl20202020的博客

12-20

1147

h5禁用谷歌翻译

如何屏蔽掉页面的翻译功能？

王铁柱666的博客

12-24

658

需要注意的是，以上方法主要针对的是自动翻译功能，特别是Google浏览器的内置翻译。此外，从用户体验的角度考虑，过度限制翻译功能可能会影响非母语用户的阅读体验。虽然这不是直接通过HTML实现的方法，但你也可以使用JavaScript来尝试禁用或干扰页面的翻译功能。不过，这种方法可能更加复杂，且效果可能因浏览器和翻译工具的不同而有所差异。屏蔽掉页面的翻译功能，主要可以从前端开发的角度入手，通过修改HTML代码来实现。如果你只希望页面中的某些特定元素不被翻译，可以在这些元素中添加。

谷歌Chrome浏览器中如何打开或关闭网页的自动翻译功能

爱喝水的qdy的博客

12-18

1232

目录阅读源阅读源 https://blog.youkuaiyun.com/jamie0515/article/details/76596179

【前端开发】菜鸟必看，html chrome浏览器禁用谷歌翻译

有一棵树的博客

12-19

5826

【预警*** 前端菜鸟***仅作记录使用***不对的地方请多指正】在chrome浏览器中如果设置了谷歌翻译自动翻译，有的时候会很烦人，所以可以选择禁用谷歌翻译，具体方法如下 1、在html 标签中加入属性translate="no" <html translate="no"> 2、或者在html文件的head中加入 <meta name="google" content="notranslate"> 3、或者在不想被翻译的元素中加入class="notrans...

VS Code集成Chrome DevTools实现高效浏览器自动化

VS Code 与 Chrome DevTools MCP 结合实现浏览器自动化是当前前端开发、测试自动化和智能代理（Agent）技术发展中的一个重要实践方向。该技术方案通过在 Visual Studio Code（简称 VS Code）中集成 Chrome DevTools ...