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

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

Этот плагин для Firefox позволяет пользователям изменять фон всех сайтов, вставляя ссылку на фотографию в формате JPG или PNG в специальную панель.

Как это работает:

1. После установки плагина, в панели инструментов Firefox появится иконка плагина.
2. Нажатие на иконку откроет панель, где нужно ввести ссылку на фотографию в формате JPG или PNG.
3. После ввода ссылки и нажатия на кнопку 'Применить', фон всех открытых вкладок и сайтов изменится на выбранную фотографию.
4. Измененный фон будет зафиксирован на месте при прокрутке страницы.

Код плагина:

// Создаем функцию, которая будет вызываться при нажатии на иконку плагина
function openPanel() {
  // Создаем div элемент, который будет содержать поле для ввода ссылки и кнопку 'Применить'
  var panel = document.createElement('div');
  panel.style.position = 'fixed';
  panel.style.bottom = '0';
  panel.style.left = '0';
  panel.style.background = '#fff';
  panel.style.borderTop = '1px solid #ccc';
  panel.style.padding = '10px';
  panel.style.width = '100%';

  // Создаем input элемент для ввода ссылки
  var input = document.createElement('input');
  input.type = 'text';
  input.placeholder = 'Введите ссылку на фотографию в формате jpg или png';
  input.style.width = '70%';
  input.style.marginRight = '10px';

  // Создаем кнопку 'Применить'
  var button = document.createElement('button');
  button.innerText = 'Применить';
  button.style.width = '20%';

  // Добавляем обработчик события на кнопку 'Применить'
  button.addEventListener('click', function() {
    // Получаем ссылку на фотографию из input элемента
    var url = input.value;

    // Проверяем, что ссылка находится в формате jpg или png
    if (url.match(/.(jpeg|jpg|png)$/) != null) {
      // Если ссылка правильная, то изменяем background всех элементов на странице
      var elements = document.getElementsByTagName('*');
      for (var i = 0; i < elements.length; i++) {
        elements[i].style.backgroundImage = 'url(' + url + ')';
        elements[i].style.backgroundAttachment = 'fixed';
      }
    } else {
      // Если ссылка неправильная, выводим сообщение об ошибке
      alert('Некорректная ссылка на фотографию');
    }
  });

  // Добавляем input и кнопку в div элемент
  panel.appendChild(input);
  panel.appendChild(button);

  // Добавляем div элемент на страницу
  document.body.appendChild(panel);
}

// Создаем иконку плагина в toolbar Firefox
var toolbarButton = document.createElement('toolbarbutton');
toolbarButton.id = 'my-toolbar-button';
toolbarButton.label = 'Изменить background';
toolbarButton.image = 'icon.png';
toolbarButton.oncommand = openPanel;

// Добавляем иконку плагина на toolbar Firefox
var navBar = document.getElementById('nav-bar');
navBar.appendChild(toolbarButton);

Установка:

1. Скопируйте код плагина.
2. Создайте файл с расширением .js (например, change_background.js)
3. Вставьте код в файл.
4. Перетащите файл в окно браузера Firefox.
5. В открывшемся диалоговом окне выберите 'Разрешить'.

Примечание:

Плагин работает на всех сайтах, но изменение фона может повлиять на дизайн и читаемость контента. Используйте плагин с осторожностью.