1.先準(zhǔn)備一個(gè)軟件
2.打開(kāi)網(wǎng)站,點(diǎn)擊下載免費(fèi)的
https://gtranslate.io/#pricing
3.選擇最簡(jiǎn)單的html,有三種模式選擇,根據(jù)您的需要選擇,復(fù)制
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模式默認(rèn)是全部語(yǔ)言你可能其他兩種默認(rèn)是可以自己自定義翻譯那些語(yǔ)言
/scriptscripttype=text/javascriptsrc=https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit/script
因?yàn)槭怯玫墓雀璺g所以國(guó)內(nèi)用戶(hù)返回會(huì)很慢,那可不可以?xún)?yōu)化一下呢?
translate.google.com
網(wǎng)上有.com改為cn的測(cè)試一下好像是快了一點(diǎn)。
我們可以將element.js下載下來(lái)放在本地引入這樣會(huì)不會(huì)更快
打開(kāi)文件查看一下代碼發(fā)現(xiàn)這個(gè)文件里他向我們的網(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
一個(gè)樣式
/translate_static/css/translateelement.css
一個(gè)js
/translate_static/js/element/main_zh-CN.js
可以js看一下發(fā)現(xiàn)他又引入了一個(gè)谷歌的js
element_main.js這個(gè)js里面就是操作語(yǔ)言切換的代碼,下載本地可以根據(jù)你的需求添加你的代碼本事代碼很亂要知道在哪改比較困難上面,根據(jù)不同的語(yǔ)言切換加載不同的css,谷歌的翻譯是用js運(yùn)行的翻譯,要css生效保存到session在刷新頁(yè)面,好處就是可以讓不同語(yǔ)言排版不會(huì)亂,缺點(diǎn)就是會(huì)加載兩次,這個(gè)問(wèn)題暫時(shí)沒(méi)有解決,這個(gè)js看的頭皮發(fā)麻,沒(méi)有深究。