网站 html 中英文切换 - API 总结篇


引言:

  • 项目要求实现中英文等国际化语言切换,实现的方法多种多样,这里简单总结一下部分方法的优缺点。

  • 基本上都是:使用第三方API接口 或者 自定义编写中英文对照表,并通过JS控制。

  • 因为中英文切换一般都是一次点击后,往后的统一每个页面都需要或不需要翻译,这就需要记录一个状态值,这里选用 HTML 5 Web 存储 提供的客户端存储数据的新方法之一:localStorage来储存这个状态,并向外提供一个修改该状态并刷新页面的方法。


中文页面留一个切换英文链接,英文页面留一个切换中文链接。
.
注意: 推荐你用图片做这两个链接,这样不会因为用户没有装对应的语言系统而出现奇怪字符。比如欧美用户一般是不会装中文系统的,页面上有中文字符的时候必然显示为乱码。


一、方法总结:

Method1. 使用谷歌整站翻译API
  • 优点:只须调用接口,即可轻松完成整站翻译,翻译准确度还行。

  • 缺点:需要梯子。

参考文章:js代码实现网站中英文相互翻译


Method2. 使用微软整站翻译API
  • 引入The Translator Web Widget API

  • 监听dom加载完毕,调用Microsoft.Translator.Widget.Translate()整站翻译。

参考文章:Microsoft Translator Text API 翻译接口 . . . 一种基于云的机器翻译服务 · 5分钟快速入门
.
这可能是目前最方便的网站中英文切换(理论支持所有语言)


Method3.编写自定义中英文对照表,用js控制
  • 优点:一对一翻译,所以准确度最高。

  • 缺点:需要编写大量中英文对照表,只适合于少量的固定翻译。

参考文章:html 页面如何实现中英文切换?


二、实现方法:

参考文章:实现方法


以上就是关于“ 网站 html 中英文切换 - 总结篇” 的全部内容。

网站 html 中英文切换 - API 总结篇相关推荐

  1. struts2的国际化(即实现网站整体中英文切换)实例

    推荐一个专注于Java的小众技术社区:Java之音 环境要求:Struts2框架环境搭建成功 为了实现程序的国际化,必须先提供程序所需要的资源文件.资源文件的内容基本是key-value对,其中key ...

  2. 网站的中英文切换--i18next

    这两天公司让我做公司官网,就是几个静态页面.我都不好意思说自己是Java开发了,年后来公司基本上自己做毕业设计才写Java代码.在公司基本没有写过Java的东西,我都怀疑公司是不是看我Java太菜,让 ...

  3. asp.net全球化——让你的网站在中英文中自由切换

    由于最近的一笔单子,为客户做的是代理签证.办理移民的网站,需要用到中英文切换,把我这个从未涉及过这一领域的人儿给小小的吓住了.不过吓归吓,还是要着手做的嘛. 中文的.英文的.百度上.谷歌上,到处搜这方 ...

  4. 这可能是目前最方便的网站中英文切换(理论支持所有语言)

    调用微软页面翻译API : The Translator Web Widget API   实现自动对页面进行中英文翻译 微软提供的Demo实现上也很简单,分如下几步: 引入The Translato ...

  5. laravel配置语言包,实现网站中英文切换

    一.laravel语言包的配置,在resources/lang/en,这是默认的语言,自己添加一个zh文件夹,在下面创建需要切换的语言页面,如 zh/header.php <?php retur ...

  6. Linux实操篇之常用基本命令二【文件操作命令续,实现中英文切换】

    这里写目录标题 写在前面 centos7 实现中英文切换 1. cat 1.1 基本语法 1.2 案例实操 2. more 2.1 基本语法与操作说明 2.2 案例实操 输入 = 输入 :f 3. l ...

  7. react中英文切换三之谷歌地图中英文切换

    <script>const url=localStorage.getItem('lang_type')==="zh_CN"?"//maps.google.cn ...

  8. react中英文切换一

    最近项目需要添加中英文切换功能,涉及到antd组件内部中英文.谷歌地图中英文.以及网站上文字的中英文切换.我将分三篇文章依次介绍,今天先讲讲antd内部组件的切换. 首先头部引入 import {Lo ...

  9. I18n实现中英文切换

    Rails I18n API框架提供了 Rails 应用国际化/本地化所需的全部必要支持,可以很容易的实现网站语言的切换. 配置I18n模块 Rails 会把 config/locales 文件夹中的 ...

最新文章

  1. 云服务器适合什么样的用户?
  2. python opencv创建图像_使用Python中OpenCV库创建一幅图片的RGB通道图片
  3. 老王亲述:我的运维心路历程
  4. Class 17 - 1 动态渲染页面爬取 — Selenium使用
  5. C#代码规范 .NET程序员需要提升的修养
  6. ES5-8 闭包高级、对象、构造函数、实例化
  7. ZZULIOJ 1083: 数值统计(多实例测试)
  8. 机器学习笔记网盘分享
  9. python打包,上传包知识点学习
  10. 二货同事!写上千行的类!这样的代码让我生不如死!
  11. GICv3驱动初始化
  12. paip.DEVSUIT ADMIN 初次使用时出现两个LICENSE提醒
  13. lisp画配筋_[BIM]柱配筋施工图的信息化应用
  14. ASP类计算机专业毕业设计题目
  15. matlab二重定积分_怎么用matlab计算这个二重积分如何用matlab求二重积分
  16. [笑话]1+1等于几?(新版)
  17. 槑图秀秀 (初学JAVA第三篇)
  18. Spring周期总结
  19. 自动柜员机是不是微型计算机,第三章微型计算机基础知识.pptx
  20. 递归和非递归实现阶乘

热门文章

  1. Springsecurity搭建自定义登录页面
  2. Maven 打包war文件
  3. 打破气球所能获得的最大积分 Burst Balloons
  4. sed文本数据流处理命令
  5. 推荐一篇关于多租户Multi-Tenant数据架构的文章
  6. mysql y_关于MySQL中Y和~问题
  7. PTA-6-1 利用指针找最大值 (10分)(C语言)
  8. HTML页面使用vant控件,如何优雅的使用Vant组件库
  9. php inet pton,inet_pton 网络函数在PHP中的作用是什么
  10. 英语口语练习软件测试简历,软件测试员英语简历范文