笔者目前是遇到俩种情况,分别都进行了对应的解决,如果你遇到了其他的关于浏览器对你项目进行翻译导致的问题的话可以在下方评论。笔者会第一时间和你一起解决。

问题一:谷歌浏览器自动会帮客户翻译英文网站

解决方法:
如果你是单页应用,那么就请看看你的最外层的html的lang属性是否为zh-CN。如果是默认的en请将它改成“zh-CN”。这样谷歌浏览器就不会自动翻译你的项目了。
如果不是单页应用,那么就应该在你的每一个html标签都加入lang=“zh-CN”

问题二:项目中部分英文要翻译,一些是不需要翻译的。

解决方法1:
不要操作你的html的lang属性,让他继续为"en"。然后将你代码中不想让他进行翻译的部分用"<code></code>标签包起来"。这样code标签中的内容即不会被翻译。【目前笔者用code标签是无任何问题的。应该还有其他的标签也可以进行处理。有兴趣研究的朋友可以研究一下在下方评论分享给更多的朋友们~】

解决方法2:
给你的元素加上 class="notranslate"这样这段就不会被翻译了。
当未来各大浏览器开始支持translate的时候可以直接给元素添加:translate=“no”

例子:

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>Document</title><style>*{margin: 0;padding: 0;}</style>
</head>
<body><div>testwidthheightborder</div><div class="notranslate">madam</div>father
</body>
</html>

效果:

如果朋友们还有什么其他问题请在下方评论哦,我们一起解决~

项目上线后中英文翻译问题解决相关推荐

  1. 项目上线后,接口报错:SELECT command denied to user ‘用户名’ @ localhost‘ for table ‘ ‘

    项目上线后,有一个接口报错如下: 原因: 是因为换了另一个线上数据库,当前使用的用户操作权限不够 我这边直接使用了root用户 要是不方便直接使用root用户,可以到mysql库user表中更改该用户 ...

  2. 项目上线后出现bug该怎么解决

    在公司中测试人员最基本的职责就是保证项目的质量,尽可能把bug都在上线前找出来.但是实际工作时由于各种各样的原因,不可避免的会有些问题会在上线后被发现.那么如何能够快速的处理这些线上的问题,降低bug ...

  3. 项目上线后,老板喜提法拉利

    曾经作为一个程序员,我安安分分的写代码,安安分分的改jira的问题,定期保证项目的上线,乐此不疲. 曾经在职场我无法得知公司的老板能赚多少钱.只是和同事讨论公司老板一定赚很多. 直到我亲自对接甲方,我 ...

  4. 项目上线后,谈一下感触比较深的一点:查询优化

    作者:youzhibing2904  链接:https://www.cnblogs.com/youzhibing/p/11105897.html 前言 开心一刻 儿子有道题不会做,喊我过去教他.我推了 ...

  5. Vue项目上线后刷新报错404问题(apache,nginx,tomcat)

    一. Vue项目打包发布apache报错: route,配置一个覆盖所有的路由情况 1.需要修改router/index.js中new Router 配置,加一个base: '/htcm_front/ ...

  6. uni-app开发的APP项目上线后,登录后自动检测更新,点击下载并安装,可手动检测版本更新,实现扫码下载功能

    先说实现逻辑:我选择原生app-云打包,打包时设置好版本号,打包后上传到后台管理的app版本管理中:页面在App.vue中加载时storage设置当前的app版本号,首页加载出来时调用后台管理上传的最 ...

  7. 新项目上线后需要注意的事情

    转载于:https://www.cnblogs.com/xinzhyu/archive/2011/08/08/2131029.html

  8. vue项目上线后服务器资源更新而浏览器有缓存不更新

    原因 浏览器的缓存机制(分为强缓存和协商缓存) 强缓存:即不向后端发送请求,直接从缓存中读取数据 协商缓存:向后端发起请求,看服务器资源是否更新,如果没有更新就返回304,如果更新了就返回200 解决 ...

  9. 若依前后端分离vue 中项目上线后 图片预览无法显示问题

    这里看到 图片返回的url地址里面 图片前缀名多了个 /prod - api 导致图片无法预览 找到components 里面的imagetwo 里面的index.vue这里只需要在url上传图片组件 ...

最新文章

  1. Redis:redis入门
  2. uuid怎么获取_我们经常说的限流应该怎么做?
  3. C#线程安全的那些事
  4. 技能模块的防外挂机制和同步机制优化
  5. 51nod 1272 最大距离 O(nlog(n)) , 快排 , 最大连续子串
  6. 概率论在数据挖掘_为什么概率论在数据科学中很重要
  7. 使用注意力机制建模 - 标准化日期格式
  8. Java面试之锁-读写锁
  9. ★LeetCode(942)——增减字符串匹配(JavaScript)
  10. android学习日记20--连接组件之Intent和IntentFilter
  11. sw4stm32开发stm32
  12. 电路原理笔记整理_【盛世清北】2021清华大学827电路原理考研笔记-清华考研辅导班...
  13. 年薪80万难觅技术人才 杭州区块链人才需求旺盛
  14. 福清龙华职业中专计算机应用学校什么,福建省福清龙华职业中专学校招生专业|福建省福清龙华职业中专学校有哪些专业...
  15. 掌握el-table的formatter方法,提升数据展示效果
  16. 大数据物流项目:Kudu 入门使用(五)
  17. Server ran out of threads to serve requests. Consider raising the ThreadsPerChild setting
  18. 行是知之始,知是行之成
  19. 华为儿童手表可以升级鸿蒙吗,华为儿童手表 4X功能更新,儿童版微信上线
  20. 吉林大学珠海学院论坛 http://j.bnubbs.cn

热门文章

  1. 初出茅庐,请“专业”赐教!
  2. 一些我推荐的和想上的网络课程(Coursera, edX, Udacity,MIT OCW)
  3. Stream流的一些骚操作
  4. 电磁学-高斯定理的证明和应用
  5. 3D相机/深度相机/RGBD相机选型
  6. 广度优先搜索(Breadth-first search)
  7. 小玉在游泳小鱼的航程(改进版)
  8. 七天免登录(Cookie+session)+ 页面显示动画人物效果(萌娘+气泡效果)+购物车的实现代码
  9. Unity中传送带的实现
  10. 奔跑吧,程序员:从零开始打造产品、技术和团队