谷歌/微軟/必應web頁面免費翻譯插件

時間 2019-11-29

標籤谷歌微軟必應 web 頁面免費翻譯插件欄目 Chrome 简体版

原文原文鏈接

隨着網絡時代的日益壯大，如今咱們常常須要瀏覽一些各類外語的網頁，或者是查閱資料幫助咱們解決問題。更多的時候仍是頭疼在語言障礙上，正所謂"它認識你，你不認識它啊。"谷歌和微軟兩個企業，做爲當下科技領域的龍頭企業，都有着各自針對翻譯的解決方案，並且還很是易用。本文我就像你們介紹一下谷歌/微軟/必應這三款web頁面翻譯工具。javascript

v寫在前面

不少時候，可能咱們web項目中須要的只是機械式的翻譯，並不須要什麼利用xml或者js json等等實現逼真翻譯，那樣工做量太大。這時候可能你就須要這幾款小工具來幫助你。固然，若是對翻譯或者你的項目外國用戶很是多的話，仍是介紹本身動手作語言切換，畢竟工具翻譯是機械翻譯。html

v谷歌翻譯

雖說國內如今沒法使用谷歌，雖說......可是，谷歌的東西確實很好用。並且很是人性化。java

代碼正文：web

<!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>

代碼效果：ajax

v微軟翻譯

代碼正文：json

<!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>

代碼效果：網絡

由於微軟如今主打必應，因此微軟翻譯已經好久沒有更新了，從UI的臃腫也能夠看出來。並且配置起來比較麻煩，因此不是太建議你們使用微軟翻譯。app

v必應翻譯

代碼正文：工具

<!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>

不得不說必應雖然市場份額可能尚未達到預計的效果，可是必應的成長和努力確實驚人！必應的翻譯工具也是設計的很是人性化的，你們還能夠在這裏自定義翻譯插件樣式。post

代碼效果：

v博客總結

又到了該作博客總結的時候了，好緊張，好緊張啊！

做　　者：請叫我頭頭哥
出　　處：http://www.cnblogs.com/toutou/
關於做者：專一於基礎平臺的項目開發。若有問題或建議，請多多賜教！
版權聲明：本文版權歸做者和博客園共有，歡迎轉載，但未經做者贊成必須保留此段聲明，且在文章頁面明顯位置給出原文連接。
特此聲明：全部評論和私信都會在第一時間回覆。也歡迎園子的大大們指正錯誤，共同進步。或者直接私信我
聲援博主：若是您以爲文章對您有幫助，能夠點擊文章右下角【推薦】一下。您的鼓勵是做者堅持原創和持續寫做的最大動力！