翻译:两行js实现html的全自动翻译,无需对页面进行任何修改。
translate.js两行js实现html全自动翻译。加入一个js文件及两行js代码,即可让你现有页面具有几百种语种切换能力。基于现有网站,无需改动源站,翻译全站网页,绑定独立域名,保证搜索收录。可以作为网页端直接嵌入几行js代码就能快速翻译来使用。...
translate.js使用两行js实现HTML的全自动翻译。
无需更改页面,无需语言配置文件,无需API Key,SEO友好!简体中文 | 功能描述 在线体验
测试效果
先用别人的网站试试效果。
右键单击任何网页 - 检查元素并粘贴以下代码:
var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type='文本/javascript'; script.src=''; head.appendChild(脚本) ; Enter键,在当前网页的左上角执行在线英语词典API接口,会出现一个大大的语言切换。 尝试切换。使用起来很快
在网页的最末尾的 之前,添加以下代码。 一般来说,页面的最底部会出现一个用于语言选择的选择切换标签。 其实就这么简单:
<script src="https://cdn.jsdelivr.net/gh/xnx3/translate@latest/translate.js/translate.min.js"></script> <script> translate.language.setLocal('chinese_simplified'); //设置本地语种(当前网页的语种)。如果不设置,默认自动识别当前网页显示文字的语种。 可填写如 'english'、'chinese_simplified' 等,具体参见文档下方关于此的说明。 translate.execute();//进行翻译 </script>
详细使用示例
在普通网站中,点击某种语言进行切换,如下图所示。 网站的某个位置必须有多种语言切换。
直接在其html代码末尾添加以下代码:
English |简体中文 |繁體中文 <script src="https://cdn.jsdelivr.net/gh/xnx3/translate@latest/translate.js/translate.min.js"></script> <script> translate.selectLanguageTag.show = false; //不出现的select的选择语言 translate.execute(); </script>
谁在使用
截至2023年7月,该项目后端免费翻译服务的请求量已达到每月1.5亿次,并且还在快速增长,其中包括长沙城投等一些城市投资集团,以及一些政府单位包括环保局、企业国际运营服务平台、海外矿业联盟、国际潮流青年年会、人力资源和社会保障局、政务服务网以及富罗姆智慧住宅、比特海姆全球。 区块链等正在广泛使用。 以下是两个常用的网站作为实际示例:
另外,很多开源框架和产品也将这种翻译能力集成到了自己的系统中,赋予了自己的系统多语言切换的能力。
这些开源产品具有内置的多语言功能。 什么是能力能力一:前端翻译
通过添加一个js文件和两行js代码,您现有的页面可以切换到数百种语言。 零门槛! 详细信息请参见translate.js
能力2:翻译HTML的能力
输入html源代码,指定要排列的语言,即可返回翻译后的html源代码。 详细信息请参见translate.api
能力三:全站翻译、域名独立绑定
将您现有的网站翻译成全新的小语言网站,可以绑定域名,支持搜索引擎收录和排名。 基于现有网站,无需更改源站点,无需翻译整个站点的网页,也无需绑定独立域名,保证搜索收录。 翻译基于您现有的网站内容。 无需重建多语言网站。 您只需将域名解析到您私有部署的服务器即可完成全站翻译。 详情请参见TCDN
开源仓库目录结构
它们每个都可以用作单独的项目。 比如translate.service可以作为文本翻译接口,translate.api可以作为html文件翻译接口,translate.js可以作为网页直接嵌入几行js。 代码可以快速翻译和使用。 另外,如果您的网站已经配置完毕,不需要使用translate.admin管理后端,可以停止它,以减少服务器资源的使用。
项目起源
2021年,创建Translate翻译服务项目。 最初对其进行封装是为了简化 Google 网页翻译 JS,使其更易于使用。 然而英语培训,由于扩展极其有限,而且文档也不是很好在线英语词典API接口,重建开始了。
2022年初,与Google Web Translate JS完全分离,自下而上重构一切,推出2.0版本,加载js的资源大小减少95%在线英语词典API接口,加载速度更快,内置多层缓存并且多种自动定义方式等能力使用更加灵活,翻译速度更加高效,极大提升了用户体验。
同年,后端翻译服务也完全开源,支持在1核1G服务器上私有部署。 翻译服务内置与谷歌翻译服务、华为云机器翻译服务对接。 如果您需要其他翻译服务或者部署在没有网络环境的局域网中,也可以快速连接到其自带的翻译接口。
同年底学英语,我们翻译服务的CDN源translate.js的月请求量超过1000万次。
2023年,翻译服务将再次迎来大变革。 它不仅使用js来翻译网页英语培训,还增加了分发翻译内容的能力。 我们暂时简称为TCDN。 具备CDN内容分发能力。 有些能力,比如可以通过后台添加源站,然后绑定不同的域名。 您可以设置每个域名对应的源站语言,这样访问时就可以直接打开翻译后的网页。 如果你查看网页源代码,你会发现html源代码本身已经被翻译了。 不限于js端进行翻译,而是通过服务器主动翻译并缓存。 当用户访问请求时翻译:两行js实现html的全自动翻译,无需对页面进行任何修改。,直接将翻译结果输出给用户进行显示,极大地提高了用户体验。 每种语言也可以被包含在相应国家的搜索引擎中。 由于系统具备CDN的基本能力,如果网站有更新,也可以快速更新源站点或通过后台访问目标站点,或指定访问。 URL网页翻译缓存。
同样的能力,我们发现一个网站收取20种翻译语言收费是每年12000,而我们的支持70或80种语言(取决于翻译支持的语言数量)服务连接到translaet.service后端)在线英语词典API接口,一台服务器可以承载数千个源站提供服务!
到2023年中期,我们的公共翻译服务translate.service的每月请求量已达到1.5亿次! 而且还在以惊人的速度增长。
结构图
优秀的开源项目和社区推荐
Featbit 是一个 100% 开源的功能标志/功能管理平台工具
LinkWeChat LinkWeChat是一个基于企业微信的开源SCRM系统,是企业私域流量管理和营销的综合解决方案。
IoTSharp IoTSharp是一个基于.Net Core的开源物联网基础平台,支持HTTP、MQTT、CoAp协议。
六之云信息与数字服务提供商
我的其他开源项目开源项目星号仓库
SAAS建站系统可私有部署
Datax的华为云OBS插件
网站工具
文件上传工具类、OBS存储
智能客服机器人
结合云存储构建无服务器网站
huaweicloud-obs-网站-wangmarket-cms
kefu.js 在线聊天前端
轻量级js消息提醒组件
js实现html全自动翻译
代码生成器,自动编写代码
Java日志存储与读取
Layui的国际化支持组件
猜你喜欢
发表评论
评论列表