網站多語言切換插件
阿新 • • 發佈：2017-09-16
rom tor 其中 do it 可能 mode ive this blog
很多時候，可能我們web項目中需要的只是機械式的翻譯，並不需要什麽利用xml或者js json等等實現逼真翻譯，那樣工作量太大。這時候可能你就需要這幾款小工具來幫助你。當然，如果對翻譯或者你的項目外國用戶非常多的話，還是介紹自己動手做語言切換，畢竟工具翻譯是機械翻譯
下面可以選擇其中的一種放在你的網站進行多語言切換
1.谷歌翻譯:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>TranslateTool</title>
</head>
<body>
<div>Just do it.</div>
<!--谷歌翻譯-->
<div id="google_translate_element"></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
}, ‘google_translate_element‘);
}
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</body>
</html>
2. 微軟翻譯:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div>Just do it.</div>
<!--微軟翻譯-->
<div id="MicrosoftTranslatorWidget" style="width: 100%; min-height: 57px; border-color: #170D07;
background-color: #362F2A;">
<noscript>
<a href="http://www.microsofttranslator.com/bv.aspx?a=http%3a%2f%2flocalhost%2f">
Translate
this page
</a>
<br />
Powered by <a href="http://www.microsofttranslator.com">Microsoft?? Translator</a>
</noscript>
</div>
<script type="text/javascript">
/* <![CDATA[ */setTimeout(function () {
var s = document.createElement("script");
s.type = "text/javascript";
s.charset = "UTF-8";
s.src = "http://www.microsofttranslator.com/Ajax/V2/Widget.aspx"
+ "?mode=auto"
+ "&from=en"
+ "&layout=ts"
+ "&appId=<%= InteractiveSDK.Properties.Settings.Default.WidgetAppId %>";
var p = document.getElementsByTagName(‘head‘)[0] || document.documentElement; p.insertBefore(s, p.firstChild);
}, 0);
/* ]]> */
</script>
</body>
</html>
3.必應翻譯:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div>Just do it.</div>
<div>Just do it.</div>
<div>Just do it.</div>
<div>Just do it.</div>
<div>Just do it.</div>
<!--必應翻譯-->
<div id=‘MicrosoftTranslatorWidget‘ class=‘Dark‘ style=‘color:white;background-color:#555555‘></div>
<script type=‘text/javascript‘>setTimeout(function () { { var s = document.createElement(‘script‘); s.type = ‘text/javascript‘; s.charset = ‘UTF-8‘; s.src = ((location && location.href && location.href.indexOf(‘https‘) == 0) ? ‘https://ssl.microsofttranslator.com‘ : ‘http://www.microsofttranslator.com‘) + ‘/ajax/v3/WidgetV3.ashx?siteData=ueOIGRSKkd965FeEGM5JtQ**&ctf=True&ui=true&settings=Manual&from=‘; var p = document.getElementsByTagName(‘head‘)[0] || document.documentElement; p.insertBefore(s, p.firstChild); } }, 0);</script>
</body>
</html>
網站多語言切換插件