Chrome翻译加lang属性的小坑
2018-11-25 本文已影响35人
小遁哥
负责部署的同事反应一个这样的问题,界面上的时间一会是14:20:39这种,一会是14时20分39秒
image.png我特意给这个请求打了个断点,啥也没发现,全文搜索了一下项目,被覆盖的可能性不大,因为刚接手这个项目,觉得可能是其他模块影响了,愁眉不展时,前线说问题解决了,是谷歌翻译搞得鬼。
我突然想起了那个属性 lang ,由于系统环境是中文的,当项目的lang为en 时,就会弹出是否翻译,时间的更新是通过setInterval进行的,就会出现上述的情况了。
我浮现了一下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<script>
setInterval(function () {
document.getElementById('child').innerHTML = 'red';
}, 1000)
</script>
<body>
<div id="child">red</div>
</body>
</html>
回答了我当时看到这个属性的疑问