Chrome 小字典

由於苦於在 Google Chrome 下沒有 Google 工具列的翻譯工具，常常要開回 Firefox 切來切去又很麻煩，於是乾脆自己動手寫了一個小字典 add-on for Google Chrome，雖然功能還很陽春，不過本著軟體常常放、大家放的精神，就先放出來給大家試用看看，畢竟比完全沒有還要好一點，看有什麼可以改進的地方，歡迎大家指教。

使用方法如下，在書籤上新增一個網頁，名稱隨便填，然後網址的地方把下面文字方塊裡的文字貼入，就大功告成了。

當你想要使用字典功能的時候，就點一下那個書籤，啟動之後右上角會跳出一個 banner，代表字典在運行，之後只要把滑鼠移到需要翻譯的字上面，就會自動查詢。

把這裡面的東西貼到書籤網址:

javascript: function translate(word){ var glf = document.getElementById("glf"); glf.contentWindow.gtrans(word); }; function findAndReplace(searchText, replacement, searchNode) { var regex = typeof searchText === 'string' ? new RegExp(searchText, 'g') : searchText, childNodes = (searchNode || document.body).childNodes, cnLength = childNodes.length, excludes = 'html,head,style,title,link,meta,script,object,textarea,iframe'; while (cnLength--) { var currentNode = childNodes[cnLength]; if (currentNode.nodeType === 1 && (excludes + ',').indexOf(currentNode.nodeName.toLowerCase() + ',') === -1) { arguments.callee(searchText, replacement, currentNode); } if (currentNode.nodeType !== 3 || !regex.test(currentNode.data) ) { continue; } var parent = currentNode.parentNode, frag = (function(){ var html = currentNode.data.replace(regex, replacement), wrap = document.createElement('div'), frag = document.createDocumentFragment(); wrap.innerHTML = html; while (wrap.firstChild) { frag.appendChild(wrap.firstChild); } return frag; })(); parent.insertBefore(frag, currentNode); parent.removeChild(currentNode); } }; function inject(){ findAndReplace('\\b[^ ]+\\b', function(term){ return '<span onmouseover="translate(this)">' + term + '</span>'; }); }; function init() { var div = document.createElement('div'); div.id = 'glfdiv'; div.style.borderWidth='thin'; div.style.borderStyle='outset'; div.style.position='fixed'; div.style.top='10px'; div.style.right='10px'; div.style.backgroundColor = 'white'; div.innerHTML = 'loading...'; document.body.appendChild(div); var glf = document.createElement('iframe'); glf.id = 'glf'; glf.style.display='none'; document.body.appendChild(glf); var doc = glf.contentDocument; doc.open(); doc.write('<head><title>Sample html</title><script type="text/javascript" src="http://www.google.com/jsapi"></script><script type="text/javascript">google.load("language", "1");function gtrans(word) {if(word.title) return; word.title = "translating..."; var text = word.innerHTML; google.language.detect(text, function(result) { if (!result.error && result.language) { google.language.translate(text, result.language, "zh-tw", function(result) {if (result.translation) { word.title = text + ": " + result.translation;}});}});};</script></head><body><div id="branding" style="background-color:white;color:black;padding:0px 1px;text-align:right;">Chrome%E5%B0%8F%E5%AD%97%E5%85%B8</div><script>google.language.getBranding("branding");google.setOnLoadCallback(parent.callback);</script></body>'); doc.close(); callback = function(){ div.innerHTML = doc.getElementById('branding').outerHTML;div.onclick = function(){div.style.display='none'};}; inject(); }; init();

一個小問題稍微提一下，如果遇到字一直沒出來就稍微動一下滑鼠。