[教學]利用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實現網頁簡繁轉換功能

在Google News上追蹤我們最新文章
香腸
香腸

喜歡在網路上透過文字與圖片分文章教學,默默地用鍵盤烤了9年的香腸。另外還身兼阿腸接案餬口飯吃。對了,別叫我阿腸,請叫我香腸,這樣我才知道你看我部落格長大的。

文章: 1781

7 則留言

  1. 請問,假如我只是想在某一個文字欄位,當使用者輸入簡體時候轉換成繁體,其他網頁文字都不需要轉換,具體上應該怎麼做才好?
    是傳送表單時候需要用到,查詢資料的時候資料都是繁體所以想要在表單傳送出去之前轉成繁體使用。

  2. 不知道台湾同胞对大陆简体字感觉如何?

    有的时候觉得挺无奈的,大陆的“软件”“程序”,在台湾就要叫“软体”“程式”。电脑这领域的很多词都不一致。。。唉,有些事儿只能是愿望,不能奢求……

    香腸回應:
    簡體字是看得懂,雖然好寫不過就是少了一點FU~

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料