谷歌Chrome外掛是使用HTML、JavaScript和CSS編寫的。如果你之前從來沒有寫過Chrome外掛，我建議你讀一下這個。在這篇教程中，我們將教你如何使用Python代替JavaScript。
建立一個谷歌Chrome外掛
首先，我們必須建立一個清單檔案：manifest.json。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
{ "manifest_version": 2, "name": "Python Chrome Plugin", "description": "This extension runs Python code.", "version": "1.0", "browser_action": { "default_icon": "icon.png", "default_popup": "popup.html" }, "permissions": [ "activeTab", "https://ajax.googleapis.com/" ] } |
然後建立一個名為popup.html的檔案：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<!doctype html> <!-- This page is shown when the extension button is clicked, because the "browser_action" field in manifest.json contains the "default_popup" key with value "popup.html". --> <html> <head> <title>Getting Started Extension's Popup</title> <style> body { font-family: "Segoe UI", "Lucida Grande", Tahoma, sans-serif; font-size: 100%; } #status { /* avoid an excessively wide status text */ white-space: pre; text-overflow: ellipsis; overflow: hidden; max-width: 400px; } </style> <!-- - JavaScript and HTML must be in separate files: see our Content Security - Policy documentation[1] for details and explanation. - - [1]: https://developer.chrome.com/extensions/contentSecurityPolicy --> <script src="popup.js"></script> </head> <body> <div id="status"></div> <img id="image-result" hidden> </body> </html> |
最後得到一個圖示，並儲存為icon.png。開啟chrome://extensions，點選開發者模式。點選“載入未打包擴充套件程式”，選擇資料夾，點選OK。
為Chrome擴充套件程式新增Python
現在你擁有了最基本的權利，我們可以在程式碼中新增Python。為了能在一個瀏覽器中執行Python，你有很多個選擇，包括Brython和emcascripten。我們決定使用Brython。我們將從一個伺服器執行Brython指令碼。改變popup.html的內容：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta charset="iso-8859-1"> <style> body { margin: 0 !important; padding: 0 !important; width: 800; } #frame { overflow: hidden; width:790; height:324; } </style> </head> <body onLoad=""> <iframe src=http://brython.info/console.html id="frame" seamless="seamless" scrolling="no"></iframe> </body> </html> |
重啟下你的外掛，你就會在你的谷歌Chrome瀏覽器中得到一個Python（Brython）直譯器。
執行你自己的指令碼
為了能夠執行你自己的指令碼，簡單地修改一下popup.html框架中的url即可：
|
1 |
<iframe src="BRYTHON SCRIPT URL" id="frame" seamless="seamless" scrolling="no"></iframe> |
這個指令碼應該執行在你自己的伺服器上。你可以從網上執行任意的Brython指令碼。利用Brython，你可以簡單地在指令碼標籤中輸入Python程式碼。看一下這個Brython的例子，或者簡單地瀏覽下這個網站。
總結：
Chrome外掛是使用HTML、JavaScript和CSS建立的。我們想知道在谷歌Chrome外掛中能否使用Python程式碼。我們最終得到了一個瀏覽器中的Python直譯器和執行Python指令碼的能力。記住，這只是個實現性的結果，只是一個玩具，在這一點上，我不建議你將所有的外掛都移植或建立在Brython上。
打賞支援我翻譯更多好文章，謝謝！
打賞譯者
打賞支援我翻譯更多好文章，謝謝！
