网站增加自动翻译方案?
使用translate插件
第一步,写入div,如下:
<div id="translate" style="position: absolute; right: 2rem; top: 2rem; font-size: 1rem; padding: 0.3rem 0.5rem; border: 1px solid rgb(201, 201, 201); background-color: rgb(255, 255, 255); color: rgb(85, 85, 85);"></div>
第二步,加载js,如下:
<script src="/static/js/translate.js"></script>,文件
或者:
<script src="https://cdn.staticfile.net/translate.js/3.8.2/translate.js"></script>
<script>
translate.setUseVersion2(); //设置使用v2.x 版本
// translate.selectLanguageTag.languages = 'english,chinese_simplified,chinese_traditional,corsican,guarani,kinyarwanda,hausa,norwegian,dutch,yoruba,gongen,latin,nepali';//设定select切换语言所支持的语种 注释掉为所有语言
translate.setAutoDiscriminateLocalLanguage(); //设置用户第一次用时,自动识别其所在国家的语种进行切换
//translate.language.setLocal('chinese_simplified'); //设置本地语种(当前网页的语种)。
translate.service.use('client.edge');//设置使用的翻译服务 我这里是使用的免费无上限
translate.listener.start();
setTimeout(function () {//这里是等待数据加载2秒后 在进行翻译 不然会有的翻译不出来加载慢
translate.execute();//进行翻译
}, 2000)
</script>
第三步,至此完成。完美实现
希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。