前端html页面如何实现多语言切换功能

前端html页面如何实现多语言切换功能,第1张

需要语音翻译脚本库,

html 不能自动切换,但是浏览器自带语音切换还是无法实现多国语言翻译的。

国内的电脑用户基本上是中文、简体繁体和英文切换,首先要搞清楚HTML逻辑,如果要改变网页文字内容要用如JQ的 $("#id).html("内容")来改变网页内容,否则就是调用浏览器自带的插件进行切换,但是电脑并没有集成全世界的语言怎么切换。

(特别提醒:自动语言翻译不一定准确,哪怕是百度翻译、搜狗翻译、有道翻译等等,翻译出来的效果也不一定符合实际语意和专业用语,多国语言网站通常不会用在大型网站上,而是几个页面的网页展示,因为准确翻译多国语言需要人工翻译),目前有见过阿里巴巴电商网站做了多国语言版,不知道怎样实现的。

语言脚本库可以上网去找,下载到网站指定目录再调用

海鸽信息网

html多语言的方法,百度即可获得,这里不多说了。

iOS下,ajax不能用,可以看这个 https://ask.dcloud.net.cn/article/36858 。这个方法写在调用多语言之前即可。

下面关键点来了,按照上面方法配置完成。用苹果手机测试时,会报错:编码错误。查找论坛,发现需要在路径前面加上 file:// ,加过之后开始报其他错误:不允许读。经过多番尝试,好像是路径不对。于是我想起使用 plus.io.convertLocalFileSystemURL 来拼接全路径,经过测试,iOS也可以了。

但是还是有一个问题,plus.io.resolveLocalFileSystemURL是异步。国际化获取值需要想获取完数据才可以,于是我修改了一下jquery.i18n.properties.js文件。

使用async和await完成同步。

此外,为了是iOS和安卓一致,对my-xmlhttprequest.js文件也进行了修改。在fXMLHttpRequest_send方法中对路径进行优化

这样问题就解决了。

下面附上改过的jquery.i18n.properties.js和my-xmlhttprequest.js文件

jquery.i18n.properties.js

my-xmlhttprequest.js


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7058121.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存