項目上線後中英文翻譯問題解決

筆者目前是遇到倆種情況,分別都進行了對應的解決,如果你遇到了其他的關於瀏覽器對你項目進行翻譯導致的問題的話可以在下方評論。筆者會第一時間和你一起解決。

問題一:谷歌瀏覽器自動會幫客戶翻譯英文網站

解決方法:
如果你是單頁應用,那麼就請看看你的最外層的html的lang屬性是否爲zh-CN。如果是默認的en請將它改成“zh-CN”。這樣谷歌瀏覽器就不會自動翻譯你的項目了。
如果不是單頁應用,那麼就應該在你的每一個html標籤都加入lang=“zh-CN”

問題二:項目中部分英文要翻譯,一些是不需要翻譯的。

解決方法1:
不要操作你的html的lang屬性,讓他繼續爲"en"。然後將你代碼中不想讓他進行翻譯的部分用"<code></code>標籤包起來"。這樣code標籤中的內容即不會被翻譯。【目前筆者用code標籤是無任何問題的。應該還有其他的標籤也可以進行處理。有興趣研究的朋友可以研究一下在下方評論分享給更多的朋友們~】

解決方法2:
給你的元素加上 class="notranslate"這樣這段就不會被翻譯了。
當未來各大瀏覽器開始支持translate的時候可以直接給元素添加:translate=“no”

例子:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
    <div>
        test
        width
        height
        border
    </div>
    <div class="notranslate">
        madam
    </div>
    father
</body>
</html>

效果:
在這裏插入圖片描述

如果朋友們還有什麼其他問題請在下方評論哦,我們一起解決~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章