前端开发项目中谷歌浏览器总弹出翻译解决方法

最新推荐文章于 2025-03-26 09:00:51 发布
最新推荐文章于 2025-03-26 09:00:51 发布
阅读量2.3k 收藏 4
点赞数 1
文章标签： elementui vue.js webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/aaaaaaaa_ewf/article/details/123085401
版权
本文介绍了在使用ElementUI和Vue.js的前端开发项目中，如何避免谷歌浏览器自动弹出翻译提示的方法，主要通过修改index.html文件来实现。

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

1、在index.html中进行修改

<!DOCTYPE html>
<html lang="en"> //将en修改zh-cn
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite App</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>

 2、这样就不会弹出翻译了

<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" href=
最低0.47元/天 解锁文章
emo王子
关注
【3分钟准备前端面试】Hybrid开发 谷歌浏览器调试安卓app
江拥羡橙的博客
04-28 220
查看数据请求，页面dom结构和样式，日志打印输出，页面缓存等浏览器控制台素有功能，方便调试 检查元素，方便bug的定位注：该文档是谷歌浏览器调试安卓apk内嵌网页。
前端解决页面访问总是自动弹出 浏览器的 翻译此页 问题
weixin_45966674的博客
09-19 680
在于 html标签的 lang 属性。浏览器自带的 翻译此页总会默认弹出。结果最后才发现 这是个基础设置。只需要改成lang=zh-CN。再次运行 就不会在弹出来了。今天克隆了一个项目下来。还一直以为是js设置的。他就会每次启动都弹出来。
html设置阻止网页在google浏览器中打开时弹出自动翻译框
lingliu0824的博客
02-09 6423
想要阻止网页打开时弹出上面的翻译窗口，有两种设置方式： 1.（建议）在html文件的head标签中添加meta标签： <meta name="google" content="notranslate" /> 2.设置html标签lang属性为zh-CN(简体中文) <html lang="zh-CN"> ...
Google浏览器网页翻译失效？两种实用解决方案详解
最新发布
mmoo_python的博客
03-26 2829
这个功能失效不仅影响信息获取效率，还可能造成重要内容理解的偏差。本文将通过原理分析与实操演示相结合的方式，为您系统讲解两种有效解决Chrome翻译失效问题的技术方案，并附带扩展优化建议。技术解析：该IP地址是Google翻译服务的快速解析节点，通过hosts文件强制指定解析路径，可绕过部分网络限制。原理说明：Chrome的翻译功能依赖云端服务，当本地缓存的翻译数据异常时，会出现服务响应失败。当基础设置无效时，可能是DNS解析或网络策略导致翻译服务被阻断，通过修改hosts文件可强制指定翻译服务解析地址。
取消google translate右上角弹框
smallteddy.blog.youkuaiyun.com
11-13 5046
1、说明 每次打开新的网页google浏览器（chrome）就会在右上角提示是否要翻译当前网页，不管你选不选这个一律翻译英语，它都会弹出来，非常的烦人。 2、解决方法 2.1 点击右上角三个小点，进入设置 2.2 翻到最下方找到高级按钮，点击 2.3 第一个选项框语言，点击展开，找到询问是否翻译非您所用语言的网页这个选项，关闭这个选项 ...
当浏览器中安装了翻译插件，页面出现“翻译此页面？”的提示，在vue项目如何去掉
m0_37653407的博客
01-03 3118
当浏览器中安装了翻译插件，页面出现“翻译此页面？”的提示，在vue项目如何去掉 1、找到index.html（public——》index.html）文件。 2、将改成即可。
在打开网站的时，总是提示“是否需要翻译”
高先生的猫
08-11 2360
在打开网站的时，总是提示“是否需要翻译”，想要阻止网页打开时弹出上面的翻译窗口，有两种设置方式： 1 在html文件的head标签中添加meta标签 推荐： <meta name="google" content="notranslate" /> 2 设置html标签lang属性为zh-CN <html lang="zh-CN"> ...
web前端打开弹出窗口在扩展屏幕显示（presentation谷歌版本）
08-12
"web前端打开弹出窗口在扩展屏幕显示（presentation谷歌版本）"这一技术主题，主要涉及使用谷歌浏览器支持的presentation API来实现这样的功能。这个API是HTML5的一个特性，允许网页内容在连接的外部显示器或投影...
谷歌浏览器插件 chrome扩展vue
10-25
在Chrome扩展中，这些组件可以是用户看到和交互的各种元素，如工具栏按钮、弹出窗口或者注入到网页中的元素。 Vue的数据绑定和响应式系统使得数据变化能够自动更新视图，这在处理用户输入和动态更新扩展界面时非常...
如何解决 打开chrome浏览器弹出what's new
04-09
在使用Chrome浏览器时，有时会遇到一个常见的问题：打开浏览器后，系统会自动弹出一个名为"What's new"的界面，展示Chrome的最新更新和功能。这个现象可能会打断你的正常浏览体验，尤其是在你需要立即访问特定网页时...
使用uniapp 打包后启动应用会弹出Html5+ Runtime 的弹框
qq_51035159的博客
11-10 1559
记录一下防止下次忘记。
【前端开发】菜鸟必看，html chrome浏览器禁用谷歌翻译
有一棵树的博客
12-19 5591
【预警*** 前端菜鸟***仅作记录使用***不对的地方请多指正】 在chrome浏览器中如果设置了谷歌翻译自动翻译，有的时候会很烦人，所以可以选择禁用谷歌翻译，具体方法如下 1、在html 标签中加入属性translate="no" <html translate="no"> 2、或者在html文件的head中加入 <meta name="google" content="notranslate"> 3、或者在不想被翻译的元素中加入class="notrans...
项目上线后中英文翻译问题解决
热门推荐
吴小迪的博客
02-24 2万+
笔者目前是遇到俩种情况，分别都进行了对应的解决，如果你遇到了其他的关于浏览器对你项目进行翻译导致的问题的话可以在下方评论。笔者会第一时间和你一起解决。 问题一：谷歌浏览器自动会帮客户翻译英文网站 解决方法： 如果你是单页应用，那么就请看看你的最外层的html的lang属性是否为zh-CN。如果是默认的en请将它改成“zh-CN”。这样谷歌浏览器就不会自动翻译你的项目了。 如果不是单页应用，那么就...
【前端应用】利用粗浅的前端知识，实现翻译长篇文档
lvqingqing1437的博客
04-27 761
最近的工作中，接触到很多设备的说明书或者API的开发文档都是很长篇的英文文档，看的很头大。翻译网站一般都只能翻译一小段话，或者收费翻译长篇。某天突然灵光一闪，可以利用浏览器的翻译功能来实现翻译。具体操作步骤如下： 1.需要有一个带翻译功能的浏览器，Edge就可以。 2.打开一个英文网站 ...
如何取消Chrome浏览器自动翻译
m0_48607837的博客
06-15 1万+
如何取消Chrome浏览器自动翻译 这是一个坑, 很多新手在学习Vue的一些指令(例如: v-model 等一些指令)的时候,谷歌浏览器会自动打开翻译, 导致你的Vue指令不执行Console面板也不会报任何的错误, 就很头疼。自己总结了两种方法和大家分享 第一种, 在浏览器里关闭自动翻译(一旦关闭,任何页面都不会翻译) 第二种, 用代码关闭但也页面的翻译(用代码只会关闭你想关闭翻译的页面, 其他页面不受影响) 第一种方法: 点开浏览器设置 往下拉找到高级这两个字点开 找到语言点开后边的倒三角 点开后找
记录一个很狗的问题，浏览器自动翻译导致vue项目页面数据等出错
csl125的博客
05-31 1677
在开发vue项目中发现，上线项目莫名其妙页面功能不能使用，但是本地都是ok的，然后排查发现是由于谷歌浏览器自动翻译，导致把项目原有的标签dom替换了，会包裹font标签等，
谷歌Chrome浏览器自动翻译导致前端页面数据错乱问题
前端打工人的博客
11-18 4491
如果使用谷歌翻译的话，有时候会出现文字错误，数据不对的现象，有经验的话很快能排查出什么原因导致，否则的话就很迷茫。我们项目中出现过这样的问题，中文菜单文字，还有表格，有部分被翻译成别的文字了，就是使用了翻译导致。那么如何解决这个问题呢 解决方案： 一、手动禁用翻译 ① Chrome全局关闭询问翻译选项 ② 针对单独网站禁用翻译 二、代码禁用翻译 <html translate="no"> 全局属性 translate被用来规定对应元素的属性值及其子文本节点内容，是否跟随系统语言作出对应的翻
html5浏览器提示翻译,IE浏览器自动翻译网页设置方法
weixin_28358083的博客
06-05 4191
IE浏览器自动翻译网页设置方法IE如何自动翻译网页？如何在Internet Explorer中实现网页的自动翻译？让我们看一下由浏览器主编辑器编辑的内容，也许会对您有所帮助~~很多使用Chrome浏览器的人都知道Chrome具有内置的自动翻译功能. 当我们浏览外语网站时，浏览器会自动弹出提示，询问“是否通过xx翻译将网页翻译成中文”，这对于经常访问外语网站的人来说非常方便.尽管IE浏览器没有内置的...
限制浏览器翻译功能
weixin_39845185的博客
06-03 970
body标签加上class="notranslate" 关闭浏览器翻译功能就好啦
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值