1.先准备一个翻墙软件


2.打开网站,点击下载免费的


https://gtranslate.io/#pricing 3.选择最简单的html,有三种模式选择,根据您的需要选择,复制


Widget code里的代码在 你的网站头部



上面的css 主要是隐藏头部谷歌的翻译提示;



因为是用的谷歌翻译 所以国内用户返回会很慢,那可不可以优化一下呢?


translate.google.com


网上有.com 改为cn 的测试一下好像是快了一点。


我们可以将element.js下载下来放在本地 引入这样会不会更快


打开文件 查看一下代码 发现这个文件里 他向我们的网站加载了几张图片,这些图片都可以删掉或者下载都本地,将引入地址改成本地的这样避免在谷歌加载这些东西。


c._pli=b+'/translate_static/img/te_bk.gif


c._pli=b+'/translate_static/img/te_ctrl3.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看的头皮发麻,没有深究。