Пишемо Chrome плагін для використання Python в браузері

26 червня 2015 17:54 Q-Bart 837 0

Google Chrome додатки дозволяють розширити функціонал без змін джерельного коду браузера. Для створення нового розширення використовують звичайні інструменти веб розробки: HTML, CSS і JavaScript.

Перш за все, необхідно створити файл manifest.json. Це файл в якому зберігаються дані про розширенння, назва, опис, номер версії та інше:

{
  "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 і зберегти іконку під назвою icon.png. Для реалізації Python інтерпретатора, я скористався готовим рішенням:

<!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:344;
}
</style>
</head>
<body onLoad="">
<iframe src=http://brython.info/console.html id="frame" seamless="seamless" scrolling="no"></iframe>
</body>
</html>

Все, розширення для Chrome готове. Щоб його відкрити у браузері, необхідно перейти за посиланням chrome://extensions/, ввімкнути режим розробника(в верхньому правому куті), натиснути «Завантажити розпаковане розширення», вибрати папку в якій збережено файли і натиснути ОК. Тепер у вас в браузері буде Python(Brython) інтерпретатор.
Python в Google Chrome
Якщо ви хочете використати свій власний скрипт, то необхідно просто змінити url в файлі popup.html:

<iframe src="BRYTHON SCRIPT URL" id="frame" seamless="seamless" scrolling="no"></iframe>

Джерело перекладу

837 7

Схожі матеріали:

Коментарі:

Авторизуйтесь, щоб залишити коментар.