Firefox плагин для изменения фона всех сайтов

Представьте, что вы программист с 30-летним стажем. Напишите плагин для Firefox, который при нажатии на иконку плагина открывает панельку, в которой нужно ввести ссылку на фотографию из интернета в формате jpg или png, которая будет менять background всех сайтов и во всех вкладках. Изменённый background должен иметь свойство Fixed, чтобы она была зафиксирована и не двигалась при прокрутке страницы.

Для начала, нужно создать файл manifest.json, который будет содержать информацию о плагине и его настройках:

{
  "manifest_version": 2,
  "name": "Background Changer",
  "version": "1.0",
  "description": "Changes the background of all websites and tabs",
  "icons": {
    "48": "icon.png"
  },
  "permissions": [
    "activeTab",
    "tabs",
    "http://*/*",
    "https://*/*"
  ],
  "browser_action": {
    "default_icon": "icon.png",
    "default_title": "Background Changer",
    "default_popup": "popup.html"
  }
}

Этот файл содержит информацию о версии плагина, его названии, описании, иконке и разрешениях, которые нужны для его работы.

Далее, нужно создать файл popup.html, который будет открываться при нажатии на иконку плагина:

<!DOCTYPE html>
<html>
  <head>
    <title>Background Changer</title>
  </head>
  <body>
    <h1>Enter image URL:</h1>
    <input type="text" id="image-url" />
    <button onclick="changeBackground()">Change background</button>
    <script src="popup.js"></script>
  </body>
</html>

Этот файл содержит форму для ввода URL изображения и кнопку, которая запускает функцию changeBackground().

Наконец, нужно создать файл popup.js, который будет содержать код для изменения фона:

function changeBackground() {
  var imageUrl = document.getElementById("image-url").value;
  if (imageUrl.match(/\.(jpeg|jpg|png)$/) != null) {
    var css = "body { background: url('" + imageUrl + "') fixed; }";
    chrome.tabs.executeScript({
      code: "var style = document.createElement('style'); style.innerHTML = '" + css + "'; document.head.appendChild(style);"
    });
  } else {
    alert("Invalid image URL");
  }
}

Эта функция получает URL изображения из формы, проверяет его формат и, если он соответствует jpg или png, создает CSS-правило для изменения фона и вставляет его в текущую вкладку.

После того, как все файлы созданы, нужно упаковать плагин в файл .xpi и установить его в Firefox. После установки плагина, при нажатии на иконку появится форма для ввода URL изображения. После ввода корректного URL и нажатия на кнопку, фон всех сайтов и вкладок изменится на выбранное изображение с фиксированным положением.

Firefox плагин для изменения фона всех сайтов