记录一个很狗的问题，浏览器自动翻译导致vue项目页面数据等出错

2024-05-31 21:03| 来源: 网络整理| 查看: 265

在开发vue项目中发现，上线项目莫名其妙页面功能不能使用，但是本地都是ok的，然后排查发现是由于谷歌浏览器自动翻译，导致把项目原有的标签dom替换了，会包裹font标签等，然后导致页面原有dom文本事件等都不正常

这个其实是很简单的问题，就是容易忽略，记录一下

vue项目出现浏览器自动翻译导致bug

首先检查 index.html 的 html标签设置lang

lang="en" 会导致浏览器自动翻译

设置浏览器就不会自动翻译了

lang 属性对照表

语言ISO 代码AbkhazianabAfaraaAfrikaansafAlbaniansqAmharicamArabicarAragoneseanArmenianhyAssameseasAymaraayAzerbaijaniazBashkirbaBasqueeuBengali (Bangla)bnBhutanidzBiharibhBislamabiBretonbrBulgarianbgBurmesemyByelorussian (Belarusian)beCambodiankmCatalancaCherokee Chewa Chinese (简体)zhChinese (繁体)zhCorsicancoCroatianhrCzechcsDanishdaDivehi DutchnlEdo EnglishenEsperantoeoEstonianetFaeroesefoFarsifaFijifjFinnishfiFlemish FrenchfrFrisianfyFulfulde GalicianglGaelic (Scottish)gdGaelic (Manx)gvGeorgiankaGermandeGreekelGreenlandicklGuaranignGujaratiguHaitian CreolehtHausahaHawaiian Hebrewhe, iwHindihiHungarianhuIbibio IcelandicisIdoioIgbo Indonesianid, inInterlinguaiaInterlingueieInuktitutiuInupiakikIrishgaItalianitJapanesejaJavanesejvKannadaknKanuri KashmiriksKazakhkkKinyarwanda (Ruanda)rwKirghizkyKirundi (Rundi)rnKonkani KoreankoKurdishkuLaothianloLatinlaLatvian (Lettish)lvLimburgish ( Limburger)liLingalalnLithuanianltMacedonianmkMalagasymgMalaymsMalayalamml MaltesemtMaorimiMarathimrMoldavianmoMongolianmnNaurunaNepalineNorwegiannoOccitanocOriyaorOromo (Afaan Oromo)omPapiamentu Pashto (Pushto)psPolishplPortugueseptPunjabipaQuechuaquRhaeto-RomancermRomanianroRussianruSami (Lappish) SamoansmSangrosgSanskritsaSerbiansrSerbo-CroatianshSesothostSetswanatnShonasnSichuan YiiiSindhisdSinhalesesiSiswatissSlovakskSlovenianslSomalisoSpanishesSundanesesuSwahili (Kiswahili)swSwedishsvSyriac TagalogtlTajiktgTamazight TamiltaTatarttTeluguteThaithTibetanboTigrinyatiTongatoTsongatsTurkishtrTurkmentkTwitwUighurugUkrainianukUrduurUzbekuzVenda VietnameseviVolapükvoWallonwaWelshcyWolofwoXhosaxhYi Yiddishyi, jiYorubayoZuluzu

【本文地址】

公司简介

联系我们