macOS Safari浏览器和Chrome谷歌浏览器翻译后布局混乱以及时间格式变中文-似懂非懂

macOS Safari浏览器和Chrome谷歌浏览器翻译后布局混乱以及时间格式变中文

Vue.js 2019-09-10

收到一个bug反馈，是公司演示会议时暴露出来的，比如：布局出现了部分混乱、有些符号也变成了中文（逗号、分号、句号等等）、特别是时间格式也发生了变化(本来是2019-08-16,结果显示成中文的日期格式了)。

vue-cli脚手架生成的项目，会默认设置 html lang=”en”。en代表英文，而浏览器则会提示是否需要翻译或者用户自己设置了自动翻译，这样一来页面就可能会被翻译后造成上面所描述的问题。

<!DOCTYPE html>
<html lang="en">
    <head></head>
    <body></body>
</html>

最后把lang=”en” 设置为 lang=”zh_CN”或lang=”zh”，问题解决。如果我们做的不是英文网站，建议设置下免得被浏览器识别翻译造成不必要的麻烦。

读后有收获可以支付宝请作者喝咖啡