添加了有道生詞本的 chrome google翻譯擴展和有道翻譯擴展

時間 2019-12-09

標籤添加有道生詞本 chrome google 翻譯擴展欄目 Chrome 简体版

原文原文鏈接

在chrome發佈項目，須要先花美金認證，還得要美國ID，無奈。html

直接上源碼，需手動導入。node

原始項目源碼並未開源，我的是從chrome本地文件裏拿出來的，拓展來的，侵刪（原本想着自已寫一個，業餘時間，爲省時間，用了這種方式）。git

cclient/chrome-extensions-googletranslatewithyoudaowordnote · GitHub google翻譯+有道生詞本github

cclient/chrome-extensions-youdaowithwordnode · GitHub 有道翻譯+有道生詞本chrome

圖片windows

官方文檔不用看太細，用得時候查。api

看看提供的事件API就好了工具

360翻譯的（版本較低）綜述--擴展開發文檔
官方的https://developer.chrome.com/extensions
官方示例
https://developer.chrome.com/extensions/samples

google

關鍵點chrome-extension

1content_scripts 嵌入腳本（嵌入在瀏覽頁面中，可訪問瀏覽頁面元素）相似JS注入。
2background 後臺腳本，能夠理解爲一個後臺程序
3嵌入腳本能夠和後臺腳本直接通訊，調用其方法，這個用的很少
4嵌入腳本能夠和後臺腳本間接通訊，後臺監聽事件，前臺調用事件，主要就用這個
5chrome調試 打開發人員工具，maintab:Source->subtab:[Source,Content scripts,Snippets]嵌入代碼在Content scripts中

chrome的

根着項目學代碼時最快的。

git除了官方開源上很少，很差找。

然而，目前chrome全部安裝的拓展都有本地副本，而且，不少都沒有壓縮（混淆），源碼一目瞭然！！

MAC的保存路徑osx10.11

~/Library/Application Support/Google/Chrome/Profile 1/Extensions

windows

C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions

要實現特殊功能，查API文檔，或找對應項目參考（代碼就算混淆，根據chrome.api也很容易定位）