PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > 工作总结

网站增加自动翻译方案?

管理员 2025-01-09
工作总结
156

网站增加自动翻译方案?

使用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>,文件

translate.rar

或者:

<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修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部