浏览器开启自动翻译功能导致页面异常
- 问题
- 开启自动翻译后,正常页面会出现排版错误以及 elementUI日期组件显示异常,并且无法提交数据的情况
等待一段时间控制台可能会出现报错
-
解决
- 最简单的解决办法就是手动停止自动翻译网页,但由于客户可能并不知道是由于翻译导致的异常,所以可以采取以下方式
-
代码禁用翻译
-
<html translate="no">
- 全局属性 translate被用来规定对应元素的属性值及其子文本节点内容,是否跟随系统语言作出对应的翻译变化,默认为 yes
- 参考文档:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/translate
-
- 代码设置语言
-
-
<html lang="zh-CN">
-
-
- 理论上 html这个标签语言与系统语言不符时,才会出翻译的询问或者走用户设置的自动翻译功能。 因此将 lang设置成正确语言即可
版权声明:本文为ef1874原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。