TJDict

英漢、漢英網路查詢字典的 Chrome 擴充功能

安裝

Chrome 線上應用程式商店

開發

1. 在 js/dictionaries/ 新增字典檔，例如 my_dict.js

2. 在 index.html 中載入，例如

    <!-- dictionaries -->
    <script src="/js/dictionaries/yahoo.js"></script>
    <script src="/js/dictionaries/nciku.js"></script>
    <script src="/js/dictionaries/jukuu.js"></script>
    <script src="/js/dictionaries/my_dict.js"></script>
   

字典檔

字典檔是全區域變數 DICTIONARIES 底下的一個 js 物件，字典名稱請與檔名保持一致，例如 yahoo.js 內，要將字典物件定義在 DICTIONARIES.yahoo 裡。

字典物件：

資料形態	屬性	說明
string	title	顯示的字典名稱
string	desc	字典敘述、例如：`英中、中英`
array of enum of "zh"、"en"、"jp"	langs	字典允許的輸入語言，例如英漢、漢英字典，可以輸入中文或英文，那麼就是 ["zh", "en"]
function	query	字典的主要實作，函式格式： function(queryString, response){...}; 資料形態 屬性 說明 string queryString 查詢的字 function response 需要在最後尾呼叫此函式，呼叫方式： response(self, result); 資料形態 屬性 說明 object self 回傳字典物件，使用方式請參考範例 string result 查詢的結果，可以是 HTML

範例

// js/dictionaries/yahoo.js
DICTIONARIES.yahoo = {
  title: 'Yahoo 字典',
  desc: '英中、中英',
  langs: ['zh', 'en'],
  query: function(q, response){
    var self = this;
    $.get('http://tw.dictionary.search.yahoo.com/search?p=' + q).done(function(data){
      response(self, $(data).find('.explanation_wrapper')[0]);
    });
  }
};