谷歌翻译影响vue_给自己的网站接入谷歌翻译，以及修复了一个谷歌翻译的一个bug...

给网站加谷歌翻译，搜索引擎一搜一大堆，这里不再赘述。只贴一个申请谷歌翻译的一个地址：

https://translate.google.com/...

和一段代码：

下面是官方给出的代码：

下面是我改良的代码：

function googleTranslateElementInit() {

var google_translate_element = document.getElementById('google_translate_element');

var timer = setInterval(function() {

google_translate_element = document.getElementById('google_translate_element');

if (google_translate_element) {

clearInterval(timer);

var langName = navigator.language ? navigator.language.split('-')[0].toLowerCase() : 'en';

new google.translate.TranslateElement({

pageLanguage: langName,

//0，原生select，并且谷歌logo显示在按钮下方。1，原生select，并且谷歌logo显示在右侧。2，完全展开语言列表，适合pc，

layout: /mobile/i.test(navigator.userAgent) ? 0 : 2,

'google_translate_element'

);

// 清除图片的请求

img = [].slice.call(document.querySelectorAll('#goog-gt-tt img,#google_translate_element img'));

img.forEach(function(v, i) {

v.src = '';

});

}

}, 300);

}

之所以这么改，里面有三个地方要注意的：

1，为什么用定时器轮询？

根据自己的网站布局，这个div可能是其他js动态添加，此时调用不一定存在。

2，为什么清除图片请求？

图片大多为google.com，部分被墙地区，不一定打得开，而且图片本身不影响交互。会加快翻译插件显示：亲测可用，响应时间从10秒减少到0.5秒。

3，为什么要判断移动端和pc端？

发现插件本身的pc效果并不会自动兼容移动端。所以这里根据浏览器代理判断移动端来实现：移动端使用原生select进行加载。

4，为什么把translate.google.cn中的com改成了cn?

理由同2

5，为什么element.js?&cb=googleTranslateElementInit的cb前面加了个and符号？

猜测和js中的某些正则匹配有关。不带这个&,则回调函数不会被调用。

3的可选参数如下：

谷歌翻译影响vue_给自己的网站接入谷歌翻译，以及修复了一个谷歌翻译的一个bug...相关推荐

谷歌人工智能影响挑战的受益者 | 硅谷洞察
https://www.toutiao.com/a6694435762521244164/ 作为谷歌的社会公益人工智能项目的一部分,我们发起了谷歌人工智能影响挑战,基于我们的坚定信念,新兴技术将帮助我 ...
不要在翻译中迷失：如何进行网站本地化-20150105早读课
关于本地化网站的一个常见误区是他们总被认为就是原网站的一个翻译版本.翻译不是一切.当然,对用户而言内容才是一切:是否这些内容之间有联系并容易被用户理解同时符合和用户的文化语境呢? 创业家杂志指出: & ...
谷歌推出 Translatotron 2，一种没有深度伪造潜力的语音到语音直接翻译神经模型
欢迎关注,专注学术论文.机器学习.人工智能.Python技巧谷歌已经在人工智能领域努力了很长一段时间,并成功实现了一些惊人的成果,2019 年发布的直接语音翻译系统 Translatotron 就是 ...
如何给自己的网站接入谷歌联盟
什么是谷歌联盟? 谷歌联盟跟国内众多的广告服务提供商一样,就是给广告主提供一个发布广告的平台,然后在民间招募一些站长,博主加入,在他们的网站上发布广告,从而起到引流的效果,然后根据广告的点击,引流的效 ...
使用“谷歌移动设备易用性”工具优化移动网站
文章来源牛站:www.niuzhan.com 随着移动网站的流量日益增大,拥有适合移动设备的网站是提升网站影响力的重要因素,谷歌等搜索引擎也大力加强移动端的搜索体验,不过,很多桌面版网站在移动设备上可 ...
谷歌正式推出官方“Android界面设计”网站
谷歌Android团队今天正式推出了官方的"Android界面设计"网站.该网站提供了大量用于Android程序界面开发的资料,包括一般界面设计指南.设计模式以及建筑模块等等.长期 ...
彩云小译怎么翻译网页_谷歌、百度、有道做不到的，统统交给这5款翻译工具！...
点击上方"平凡而诗意",关注我的公众号. 设为"星标",原创技术文章第一时间推送. 提到翻译工具,我们首先想到的就是谷歌.有道.百度.必应.这些工具虽然知名,且 ...
PHP与MySQL外文文献译文和原文_计算机外文翻译---基于PHP和MYSQL的网站设计和实现...
计算机外文翻译---基于PHP和MYSQL的网站设计和实现中文 2270 字译文二基于 PHP 和 MYSQL 的网站设计和实现摘要 PHP 和 MYSQL 因为其免费以及开放源码已经成为主要 ...
英特尔芯片漏洞危机：波及谷歌微软影响你的电脑和手机 | 热点
▼ 点击上方蓝字关注网易智能聚焦AI,读懂下一个大时代! [网易智能讯 1月4消息]日前,据外媒报道,英特尔芯片存在严重的安全漏洞,而修正这一缺陷的补丁软件会影响到芯片性能,消息传出后,英特尔股 ...

谷歌翻译影响vue_给自己的网站接入谷歌翻译，以及修复了一个谷歌翻译的一个bug...

谷歌翻译影响vue_给自己的网站接入谷歌翻译，以及修复了一个谷歌翻译的一个bug...相关推荐

最新文章

热门文章