js通过google翻译插件实现多语言版本

目前谷歌翻译小工具对中文网页(以及其他语言网页)提供了对其他二十三种语言的翻译: 中文(繁体),英文,阿拉伯文,保加利亚文,波兰语,朝鲜语,丹麦语,德语,俄语,法语,芬兰语,荷兰语,捷克语,克罗地亚文,罗马尼亚语,挪威语,葡萄牙语,日语,瑞典语,西班牙语,希腊语,意大利语和印度文。也就是说当你的网站使用了谷歌翻译小工具后,你的网站马上可以以另外二十三种语言显示,这对所有期望与国际接轨,让全球网民了解中国博大精深的网页资讯的有志站主来说都是一大福音。当然,机器自动翻译的翻译质量还远远落后于专业但昻贵的翻译公司人工翻译的质量,翻译出的文字一定不及人工翻译来得“信达雅”。但是想想你的网页需要翻译公司翻成二十三种语言需要花多少时间及经费,谷歌翻译小工具在时间及经费有限的情况下提供“有比没有好”的外语资讯。



js代码

$(document).ready(function () {

    //默认语言:cy,de,el,en,es,fr,it,ja,ko,nl,pl,pt,th,vi,zh-CN,zh-TW
    var lang = getUrlParam("lang");
    if (lang != undefined && lang != null) {
        SetCookie("googtrans", "/zh-CN/" + lang);
    }

    setTimeout("googleTranlate.InitGoogleTranlateLoadFrame()", 2000);
    $("body").on("change", function () { googleTranlate.InitGoogleTranlateLoadFrame(); });
    $("#google_translate_element").on("click", function () { googleTranlate.InitGoogleTranlateLoadFrame(); });
});

var googleTranlate = {
    InitGoogleTranlateLoadFrame: function () {
        $(document.getElementsByClassName("goog-te-menu-frame")).attr("id", "googletranfrm")
        var data = $(document.getElementById("googletranfrm").contentWindow.document.body);
        if ($(data).find(".selflang").length == 0) {
            var html = "<a class=‘goog-te-menu2-item selflang‘ href=‘javascript:void(0)‘onclick=\"parent.googleTranlate.GoToInitPage()\"><div style=‘white-space: nowrap;‘><span class=‘indicator‘>?</span><span class=‘text‘>English</span><span style=‘color:red‘>(Original Language)</span></div></a>";
         //   $(html).insertBefore($(data).find(".goog-te-menu2-item").first());
        $(data).find(".goog-te-menu2-item").last().parent().append(html);

            $(data).find(".selflang").insertBefore($(data).find(".goog-te-menu2-item").eq(0));
        }
    },
    GoToInitPage: function () {  //清除cookie刷新当前页
        var expires = new Date();
        expires.setTime(expires.getTime() - 1000);
        document.cookie = "googtrans=‘‘;path=/;expires=" + expires.toGMTString() + ";";
        document.cookie = "googtrans=‘‘;path=/;expires=" + expires.toGMTString() + ";domain=allpcb.com";
        window.location.href = window.location.href;
    }

}

demo地址:http://www.deriva.cn/technology/detail/2437

时间: 2024-11-10 14:26:06

js通过google翻译插件实现多语言版本的相关文章

利用Google翻译成多国语言的见解

1.首先注意,英语句子中的 第一个单词的首字母要大写, 2.句子结尾了,要用句号. 3.英语中单词和前面的标点符号要留一个空格,如:  you.Are   应该是 you. Are you..... 4.用英语作为主翻译语言,翻译成别的语言后,在把翻译的结果反翻译成中文,判断语句是否通顺.-----这个是关键

Python 一键转 Java?“Google 翻译”你别闹

近日,Reddit 上有网友放出了一张疑似 Google 翻译添加了能让编程语言间互相转换的图片,立即引发数千名程序员网友的跟帖热议.图片显示,Google 翻译中添加了编程语言进行"互译",输入Python 语言[print("Hello")]就可翻译成 Java 语言[ System.out.println("Hello");]. "Java 语言对于大型编程项目来说实在是复杂且冗长了,天哪,急需这样一款工具."消息一出,

google谷歌翻译插件-网页一键翻译

上个月转载的一篇博文,是推荐的四款非常实用的翻译插件,这几天看这个chrome插件网首页有新增了一个google谷歌翻译插件.我能说实话,这款插件比之前推荐的4款翻译插件更好用吗?也不能完全说是更好用啦,只是说我更信任google.相信google的产品就像相信百度翻译一样.我就是这么虚荣吗?就被简单的“Google官方发布”就轻易收买,品牌效应真是不可限量,还有什么比google谷歌翻译插件更适合谷歌浏览器的吗?这就是天生一对吧

谷歌/微软/必应web页面免费翻译插件

随着网络时代的日益壮大,现在我们经常需要浏览一些各种外语的网页,或者是查阅资料帮助我们解决问题.更多的时候还是头疼在语言障碍上,正所谓"它认识你,你不认识它啊."谷歌和微软两个企业,作为当下科技领域的龙头企业,都有着各自针对翻译的解决方案,而且还非常易用.本文我就像大家介绍一下谷歌/微软/必应这三款web页面翻译工具. v写在前面 很多时候,可能我们web项目中需要的只是机械式的翻译,并不需要什么利用xml或者js json等等实现逼真翻译,那样工作量太大.这时候可能你就需要这几款小工

网页3D引擎“Babylon.JS”入门教程翻译总结

使用三个月的业余时间把官方教程的入门部分译为中文并上传到github,在下一步编程前做一个总结. 历程: 最早接触游戏编程是在大三下学期,用汇编语言和实验室里的单片机.触摸屏.电机(提供声效)编的打地鼠程序.后来因为大四的毕业设计与三维空间模拟有关,又自学了MFC编程和NEHE的OpenGL教程(国人翻译版)(C++3D编程的复杂会给任何参与者留下深刻的印象,向先驱者们致敬).工作后自学了JavaScript语言和前端知识,感觉js与C++相比极其简单易用,如果能以js代替C++进行3D开发可以

国际化模块 angular-translate 简单方便快捷翻译中英文等多语言环境

很多web服务面对的不仅仅是当地用户,多语言环境不仅能提升逼格,更重要是一种用户体验. angular.js 作为前后端拆分的解决方案之一,当然离不开前端框架处理国际化的问题,angular.js 官方出了一个模块 angular-translate 来解决多语言国际化问题. 我们前端采用 bower 包管理工具来管理依赖,点击链接查看bower 使用方法,这里不再详细说明. 今天和大家分享的内容目录: 使用angular-translate 模块的前期准备工作 创建过滤器做html页面内容的国

使用jQuery集成Google翻译

利用jQuery,轻松将google翻译集成到你的web应用中. 1. [代码][JavaScript]代码     ?1<script src="Scripts/TranslatorScript.js" type="text/javascript"></script>?2 [代码]LoadScript,设置路径     ??1LoadScript(scriptPath + "jQuery-BlockUI.js");2Lo

20+个很有用的 jQuery 的 Google 地图插件

Google 地图在寻找我们想要了解的商店或者其它有趣的地方这种用途方面很流行和实用. 地图被一些商店特地集成到了它们的网站上面,这样就可以让人们容易找到它们的所在. 尽管其并不容易被集成,Google 地图使用起来还是简单且引人注目的. 在你的站点上集成它需要一个漫长且复杂的过程. 但多亏了拥有一个许多实用Google地图插件资源库的jQuery. 你只需要将jQeury地图插件安装到你的站点上,然后就可以开始根据你的业务需要来设计简单但能吸引人的地图了. 在本文中,我会列出一堆实用的jQue

破解google翻译API全过程

前言 google的翻译不得不承认它是比较好的.但是google翻译对外提供的翻译接口都是收钱的,做为一名普普通通的开发者,囊中羞涩,因此就需要借助技术的力量来完成免费的翻译接口的调用. git 首先在github上我们找到了这篇链接 https://github.com/ssut/py-googletrans 看介绍免费.无限制,这刚好适合我们来用.于是按照它的操作步骤我们来试试: 由于它是python的,因此第一步是去下载它的python库,由于我没有配置python pip的环境变量,因此