美文网首页优美编程
Chrome翻译加lang属性的小坑

Chrome翻译加lang属性的小坑

作者: 小遁哥 | 来源:发表于2018-11-25 11:46 被阅读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>
    

    回答了我当时看到这个属性的疑问

    相关文章

      网友评论

        本文标题:Chrome翻译加lang属性的小坑

        本文链接:https://www.haomeiwen.com/subject/snvhqqtx.html