react项目开发中出现浏览器翻译功能造成的bug

时间:2021-01-23 17:14:58

最近使用react开发一个项目时,测试提出一个bug,说是在某些浏览器上面本来是序号‘’5‘’变成了大写的‘’五‘’

react项目开发中出现浏览器翻译功能造成的bug

自己却一直无法重现,最后发现是测试人员浏览器打开了翻译功能

react项目开发中出现浏览器翻译功能造成的bug

解决方案:

解决思路是将index.ejs的html lang='en'改为lang='zh',这样设置网页就不会自动翻译了,就是翻译了也只是中文翻译成中文,不会再出现大写五了。

后续:

不过如果自己还将网页翻译为中文,列表页存在一个问题就是,翻页的时候列表数据刷新不出来

react项目开发中出现浏览器翻译功能造成的bug

react项目开发中出现浏览器翻译功能造成的bug

右侧数据有的没有被渲染成功