服務熱線 400-660-8066
廣州網(wǎng)站建設
1.先準備一個軟件
2.打開網(wǎng)站，點擊下載免費的
https：//gtranslate.io/#pricing
3.選擇最簡單的html，有三種模式選擇，根據(jù)您的需要選擇，復制
Widgetcode里的代碼在你的網(wǎng)站頭部！--GTranslate：https：//gtranslate.io/--
styletype=text/css
??！--
#goog-gt-tt{display：none！important;}
.goog-te-banner-frame{display：none！important;}
.goog-te-menu-value：hover{text-decoration：none！important;}
.goog-te-gadget-icon{background-image：url(//gtranslate.net/flags/gt_logo_19x1
9.gif)！important;background-position：00！important;}
body{top：0！important;}
/style
上面的css主要是隱藏頭部谷歌的翻譯提示；pid=google_translate_element/
scripttype=text/javascript
functiongoogleTranslateElementInit(){newgoogle.translate.TranslateElement({pageLanguage：'en'，layout：google.translate.TranslateElement.InlineLayout.SIMPLE，autoDisplay：false，includedLanguages：''}，'google_translate_element');}
這種GoogleDefault模式默認是全部語言你可能其他兩種默認是可以自己自定義翻譯那些語言
/scriptscripttype=text/javascriptsrc=https：//translate.google.com/translate_a/element.js？cb=googleTranslateElementInit/script
因為是用的谷歌翻譯所以國內用戶返回會很慢，那可不可以優(yōu)化一下呢？
translate.google.com
網(wǎng)上有.com改為cn的測試一下好像是快了一點。
我們可以將element.js下載下來放在本地引入這樣會不會更快
打開文件查看一下代碼發(fā)現(xiàn)這個文件里他向我們的網(wǎng)站加載了幾張圖片，這些圖片都可以刪掉或者下載都本地，將引入地址改成本地的這樣避免在谷歌加載這些東西。
c._pli=b+'/translate_static/img/te_bk.gif
c._pli=b+'/translate_static/img/te_ctrl
3.gif
c._pli=b+'/translate_static/img/loading.gif
c._pli=b+'/translate_static/img/mini_google.png
一個樣式
/translate_static/css/translateelement.css
一個js
/translate_static/js/element/main_zh-CN.js
可以js看一下發(fā)現(xiàn)他又引入了一個谷歌的js
element_main.js這個js里面就是操作語言切換的代碼，下載本地可以根據(jù)你的需求添加你的代碼本事代碼很亂要知道在哪改比較困難上面，根據(jù)不同的語言切換加載不同的css，谷歌的翻譯是用js運行的翻譯，要css生效保存到session在刷新頁面，好處就是可以讓不同語言排版不會亂，缺點就是會加載兩次，這個問題暫時沒有解決，這個js看的頭皮發(fā)麻，沒有深究。
添加動力小姐姐微信
電話咨詢
400-660-8066
