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

1 хв. читання
25 листопада 2020

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 інтерпретатора, я скористався готовим рішенням:




<meta charset="iso-8859-1">
<style>
body {    
    margin: 0 !important;
    padding: 0 !important;
    width: 800;
}
 
#frame {
    overflow: hidden;
    width:790;
    height:344;
}
</style>


<iframe id="frame" scrolling="no" seamless="seamless" src="http://brython.info/console.html"></iframe>


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

Якщо ви хочете використати свій власний скрипт, то необхідно просто змінити url в файлі popup.html:

<iframe id="frame" scrolling="no" seamless="seamless" src="BRYTHON SCRIPT URL"></iframe>
Помітили помилку? Повідомте автору, для цього достатньо виділити текст з помилкою та натиснути Ctrl+Enter
Codeguida 4.7K
Приєднався: 10 місяців тому
Коментарі (0)

    Ще немає коментарів

Щоб залишити коментар необхідно авторизуватися.

Вхід / Реєстрація