网站 html 中英文切换 - API 总结篇
网站 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 总结篇相关推荐
- struts2的国际化(即实现网站整体中英文切换)实例
推荐一个专注于Java的小众技术社区:Java之音 环境要求:Struts2框架环境搭建成功 为了实现程序的国际化,必须先提供程序所需要的资源文件.资源文件的内容基本是key-value对,其中key ...
- 网站的中英文切换--i18next
这两天公司让我做公司官网,就是几个静态页面.我都不好意思说自己是Java开发了,年后来公司基本上自己做毕业设计才写Java代码.在公司基本没有写过Java的东西,我都怀疑公司是不是看我Java太菜,让 ...
- asp.net全球化——让你的网站在中英文中自由切换
由于最近的一笔单子,为客户做的是代理签证.办理移民的网站,需要用到中英文切换,把我这个从未涉及过这一领域的人儿给小小的吓住了.不过吓归吓,还是要着手做的嘛. 中文的.英文的.百度上.谷歌上,到处搜这方 ...
- 这可能是目前最方便的网站中英文切换(理论支持所有语言)
调用微软页面翻译API : The Translator Web Widget API 实现自动对页面进行中英文翻译 微软提供的Demo实现上也很简单,分如下几步: 引入The Translato ...
- laravel配置语言包,实现网站中英文切换
一.laravel语言包的配置,在resources/lang/en,这是默认的语言,自己添加一个zh文件夹,在下面创建需要切换的语言页面,如 zh/header.php <?php retur ...
- Linux实操篇之常用基本命令二【文件操作命令续,实现中英文切换】
这里写目录标题 写在前面 centos7 实现中英文切换 1. cat 1.1 基本语法 1.2 案例实操 2. more 2.1 基本语法与操作说明 2.2 案例实操 输入 = 输入 :f 3. l ...
- react中英文切换三之谷歌地图中英文切换
<script>const url=localStorage.getItem('lang_type')==="zh_CN"?"//maps.google.cn ...
- react中英文切换一
最近项目需要添加中英文切换功能,涉及到antd组件内部中英文.谷歌地图中英文.以及网站上文字的中英文切换.我将分三篇文章依次介绍,今天先讲讲antd内部组件的切换. 首先头部引入 import {Lo ...
- I18n实现中英文切换
Rails I18n API框架提供了 Rails 应用国际化/本地化所需的全部必要支持,可以很容易的实现网站语言的切换. 配置I18n模块 Rails 会把 config/locales 文件夹中的 ...
最新文章
- 云服务器适合什么样的用户?
- python opencv创建图像_使用Python中OpenCV库创建一幅图片的RGB通道图片
- 老王亲述:我的运维心路历程
- Class 17 - 1 动态渲染页面爬取 — Selenium使用
- C#代码规范 .NET程序员需要提升的修养
- ES5-8 闭包高级、对象、构造函数、实例化
- ZZULIOJ 1083: 数值统计(多实例测试)
- 机器学习笔记网盘分享
- python打包,上传包知识点学习
- 二货同事!写上千行的类!这样的代码让我生不如死!
- GICv3驱动初始化
- paip.DEVSUIT ADMIN 初次使用时出现两个LICENSE提醒
- lisp画配筋_[BIM]柱配筋施工图的信息化应用
- ASP类计算机专业毕业设计题目
- matlab二重定积分_怎么用matlab计算这个二重积分如何用matlab求二重积分
- [笑话]1+1等于几?(新版)
- 槑图秀秀 (初学JAVA第三篇)
- Spring周期总结
- 自动柜员机是不是微型计算机,第三章微型计算机基础知识.pptx
- 递归和非递归实现阶乘
热门文章
- Springsecurity搭建自定义登录页面
- Maven 打包war文件
- 打破气球所能获得的最大积分 Burst Balloons
- sed文本数据流处理命令
- 推荐一篇关于多租户Multi-Tenant数据架构的文章
- mysql y_关于MySQL中Y和~问题
- PTA-6-1 利用指针找最大值 (10分)(C语言)
- HTML页面使用vant控件,如何优雅的使用Vant组件库
- php inet pton,inet_pton 网络函数在PHP中的作用是什么
- 英语口语练习软件测试简历,软件测试员英语简历范文