常见问题 - 我有多个页面,怎么都能每个页面都能翻译

比如这种场景:
网站有三个页面: index.html 、about.html 、new.html 这三个页面,这三个页面全部都是中文的。
index.html 已经按照 快速接入文档 完成了接入,并且能正常使用了。
此时,在 index.html 切换为英文进行浏览,如果点击跳转到 about.html 时,怎么能让 about.html 也能以英文来展示?
这个其实 index.html 怎么加入的 translate.js ,你 about.html 也怎么加入就好了。 不过有一点需要注意:

  1. translate.execute();

这行是起到翻译进行执行的,也就是你加入 translate.js 后,在加入的最后别忘记了这一行代码,不然它是不会被自动翻译的。

原理

你在 index.html 翻译为英文后,translate.js 会自动将你翻译为英文这个动作,及翻译为的语种,存入你的浏览器缓存 (localStorage 的 to 参数) 。
当你跳转到 about.html 页面时,如果触发了 translate.execute(); ,它会自动去你浏览器寻找这个翻译为的目标语种(localStorage 的 to 参数的值),如果发现有值,那么说明你在上个页面已经切换到某个语种进行浏览了,那么在此页面也应该以这个语种浏览,他会自动进行语种翻译,让 about.html 也以这个翻译的目标语种进行浏览。
同样,再点击 new.html 页面时,它依旧会以翻译之后的语种浏览。 此时,如果你在 new.html 页面中切换为 韩语浏览,那么你再点 index.html 进入后,index.html 会以韩语的文字给你观看。

实际使用

实际项目使用,你应该找个公共的尾部(所有页面都使用的尾部)、或者所有页面都会使用的一个js,将 translate.js 有关设置放到这个js、或者公共的尾部里。 这样就避免每个页面都要引入它了