標籤：
本文由 伯樂線上 - xianhu 翻譯，Daetalus 校稿。未經許可，禁止轉載！
英文出處：pythonspot.com。歡迎加入翻譯小組。
GoogleChrome外掛程式是使用HTML、JavaScript和CSS編寫的。如果你之前從來沒有寫過Chrome外掛程式，我建議你讀一下這個。在這篇教程中，我們將教你如何使用Python代替JavaScript。
建立一個GoogleChrome外掛程式
首先，我們必須建立一個資訊清單檔：manifest.json。
| 12345678910111213141516 | { "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的檔案：
| 123456789101112131415161718192021222324252627282930313233343536 | <!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的內容：
| 12345678910111213141516171819202122 | <!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> |
重啟下你的外掛程式，你就會在你的GoogleChrome瀏覽器中得到一個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建立的。我們想知道在GoogleChrome外掛程式中能否使用Python代碼。我們最終得到了一個瀏覽器中的Python解譯器和執行Python指令碼的能力。記住，這隻是個實現性的結果，只是一個玩具，在這一點上，我不建議你將所有的外掛程式都移植或建立在Brython上。
關於 xianhu使用Python開發chrome外掛程式
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
