服务热线 400-660-8066
广州网站建设
1.先准备一个软件
2.打开网站，点击下载免费的
https：//gtranslate.io/#pricing
3.选择最简单的html，有三种模式选择，根据您的需要选择，复制
Widgetcode里的代码在你的网站头部！--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
因为是用的谷歌翻译所以国内用户返回会很慢，那可不可以优化一下呢？
translate.google.com
网上有.com改为cn的测试一下好像是快了一点。
我们可以将element.js下载下来放在本地引入这样会不会更快
打开文件查看一下代码发现这个文件里他向我们的网站加载了几张图片，这些图片都可以删掉或者下载都本地，将引入地址改成本地的这样避免在谷歌加载这些东西。
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看一下发现他又引入了一个谷歌的js
element_main.js这个js里面就是操作语言切换的代码，下载本地可以根据你的需求添加你的代码本事代码很乱要知道在哪改比较困难上面，根据不同的语言切换加载不同的css，谷歌的翻译是用js运行的翻译，要css生效保存到session在刷新页面，好处就是可以让不同语言排版不会乱，缺点就是会加载两次，这个问题暂时没有解决，这个js看的头皮发麻，没有深究。
添加动力小姐姐微信
电话咨询
400-660-8066
