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

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

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

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

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

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

[教學]利用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>

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

第3步 接著在網站上就會看到簡繁轉換的選項,點一下就會轉換。

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

第4步 你看,是不是轉換成簡體中文了呢?這時候瀏覽其他頁面依然都是簡體中文,因為剛剛前面設定值的部份我們有設定Cookie位置就會有囉!

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