Developing chrome plugins with Python

Last Update:2015-05-12 Source: Internet

Author: User

Tags python script

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

This article by Bole Online-xianhu translation, Daetalus School Draft. without permission, no reprint!
English Source: pythonspot.com. Welcome to join the translation team.

Google Chrome plugins are written using HTML, JavaScript, and CSS. If you've never written a chrome plugin before, I suggest you read this. In this tutorial, we'll show you how to use Python instead of JavaScript.

Create a Google Chrome plugin

First, we must create a manifest file: 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/" ]}

Then create a file named popup.html:

123456789101112131415161718192021222324252627282930313233343536 <!doctype 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>  <script src="popup.js"></script> </head> <body> <div id="status"></div> <img id="image-result" hidden> </body></html>

Finally get an icon and save it as icon.png. Open Chrome://extensions and click Developer Mode. Click "Load unpacked Extensions", select the folder, and click OK.

Add Python for Chrome extensions

Now that you have the most basic right, we can add Python to the code. To be able to run Python in a browser, you have a number of options, including Brython and Emcascripten. We decided to use Brython. We will run the Brython script from a server. Change the content of 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>

Restart your plugin and you'll get a python (Brython) interpreter in your Google Chrome browser.

Run your own script

To be able to run your own scripts, simply modify the URLs in the popup.html framework:

1	`<iframesrc="BRYTHON SCRIPT URL"` `id="frame"` `seamless="seamless"scrolling="no"></iframe>`

This script should run on your own server. You can run arbitrary Brython scripts from the Web. With Brython, you can simply enter Python code in the Script tab. Take a look at this brython example, or simply browse to the site.

Summarize:

Chrome plugins are created using HTML, JavaScript, and CSS. We want to know if we can use Python code in Google Chrome plugins. We finally got a Python interpreter in the browser and the ability to execute the Python script. Remember, this is just an implementation of the results, just a toy, at this point, I do not recommend that you have all the plug-ins are ported or built on the Brython.

About Xianhu

Developing chrome plugins with Python

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More