[教學]利用JS實現網頁簡繁轉換功能

發表時間： 2010-09-15

為了方便訪客、吸引更多訪客，有些網站會放置網頁翻譯小工具，但大部分透過網頁小工具來翻譯都會跑出框架，感覺很鳥。使用外部服務有時候若剛好那個網站比較慢可能也會拖垮網站速度。如果你不是要放多國翻譯，只是單純需要簡繁轉換功能，那網路上有一隻流傳很久的JS可以讓你使用，只要點一下就可以輕鬆實現簡繁轉換功能。

透過JS來達到簡繁轉換其實是很簡單，只要把檔案放在對的位置然後去引出該JS檔案然後在放上按鈕就可以了。這種轉換方式網頁不必刷新，轉換速度也不錯，除非你網站上文字超多才會稍微感受到延遲，但基本上是不會有問題。這支JS還可以設定cookie以記住使用者的設定，就算切換頁面，設定記住了等於說切換之後也是自動轉換的，很方便的一隻JS。

這篇網頁簡繁轉換教學早在2008年就打算寫了，不過被我丟棄在草稿夾內很久，最近才搬出來寫一寫。這個簡繁轉換的功能任何網頁都可以使用，他是一對一的文字轉換，一般來說轉換上不會有問題，除非是一些特殊用詞，轉換上可能才會出現怪怪的，這個就比較難修正了。另外，這隻轉換JS是在UTF-8編碼的網頁下可以正確運行，若非UTF-8編碼則可能會失效。

事實上這個簡繁轉換功能目前倒是有個網站有使用到「MMDays」，他們很久以前就有使用這個簡繁轉換功能了，看他們用似乎蠻方便的，如果你網站要對中文使用者和善一點可以考慮使用這個JS，不過使用這個JS等於說網頁每次都要額外在載入這隻JS，雖然僅有18K，不過載入久了也是稍微吃些流量，就看大家的選擇囉！

原創作者：不明

修改作者：Mark’s Place

檔案下載：修改版(備用下載點)

第1步 首先請您開啟FTP軟體，將您的JS上傳到網站上，如果怕路徑複雜，建議上傳在網站根目錄就好了。

第2步 以WordPress來說，直接在後台的【外觀】→【模組】，進入後新增文字模組後將以下語法貼上去，語法請放置在</body>之前。在貼上之前建議變更以下參數：

cookieDomain：Cookie 網址，請輸入您的網址即可。

※更多參數說明請參考：這篇。

<script type="text/javascript" src="http://your-site/tw_cn.js"></script>
<script type="text/javascript">
var defaultEncoding = 1;
var translateDelay = 0;
var cookieDomain = http://yourname.com;
var msgToTraditionalChinese = "繁體";
var msgToSimplifiedChinese = "简体";
var translateButtonId = "translateLink";
translateInitilization();
</Script>