Firefox плагин для смены фона на фото по ссылке

Плагин Firefox для смены фона на фото по ссылке

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

Установка

Скачайте файл manifest.json с кодом плагина.
Откройте about:debugging#/runtime/plugins в адресной строке Firefox.
Нажмите кнопку Load unpacked и выберите папку, в которой находится файл manifest.json.

Использование

Откройте любой сайт в браузере.
Нажмите на значок плагина в панели инструментов Firefox.
Введите URL изображения в поле Enter image URL.
Нажмите кнопку Apply.

Код плагина

manifest.json:

{
  "manifest_version": 2,
  "name": "Change Background",
  "version": "1.0",
  "description": "Изменить фон изображения любого веб-сайта с помощью пользовательского URL.",

  "icons": {
    "48": "icon.png",
    "96": "icon.png"
  },

  "browser_action": {
    "default_title": "Change Background",
    "default_popup": "popup.html"
  },

  "permissions": [
    "activeTab"
  ]
}

popup.html:

<!DOCTYPE html>
<html>
<head>
	<title>Change Background</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="container">
		<h1>Change Background</h1>
		<input type="text" id="url" placeholder="Enter image URL">
		<button id="apply">Apply</button>
	</div>

	<script src="script.js"></script>
</body>
</html>

style.css:

body {
	background-image: url('');
	background-repeat: no-repeat;
	background-size: cover;
}

.container {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 50px;
}

h1 {
	font-size: 36px;
	margin-bottom: 30px;
}

input {
	padding: 10px;
	margin-bottom: 20px;
	border: 2px solid #ccc;
	border-radius: 5px;
	width: 400px;
}

button {
	padding: 10px 20px;
	background-color: #007bff;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

button:hover {
	background-color: #0069d9;
}

script.js:

function changeBackground(url) {
	document.body.style.backgroundImage = "url('" + url + "')";
}

document.getElementById("apply").addEventListener("click", function() {
	var url = document.getElementById("url").value;
	changeBackground(url);
});

Примечания

Плагин не работает с file: URL.
Плагин работает только в браузере Firefox.
Для корректной работы плагина может потребоваться перезагрузка Firefox.

Firefox плагин для смены фона на фото по ссылке