Firefox 扩展：通过链接更改所有网站背景图片

此 Firefox 扩展允许您通过输入图片链接，在所有网站上更改背景图片。

HTML 代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Background Changer</title>
  </head>
  <body>
    <h1>Background Changer</h1>
    <form>
      <label for="image-url">Enter image URL:</label>
      <input type="text" id="image-url" name="image-url">
      <button type="submit" id="submit-btn">Change Background</button>
    </form>
    <script src="background-changer.js"></script>
  </body>
</html>

JavaScript 代码:

let form = document.querySelector('form');
let submitBtn = document.querySelector('#submit-btn');

submitBtn.addEventListener('click', function(e) {
  e.preventDefault();
  let imageUrl = document.querySelector('#image-url').value;
  changeBackground(imageUrl);
});

function changeBackground(imageUrl) {
  let css = `body { background-image: url('${imageUrl}'); }`;
  let style = document.createElement('style');

  style.appendChild(document.createTextNode(css));
  document.head.appendChild(style);
}

JSON 文件:

{
  "manifest_version": 2,
  "name": "Background Changer",
  "version": "1.0",
  "description": "Change the background on all websites with a custom image",
  "icons": {
    "48": "icon.png"
  },
  "permissions": [
    "<all_urls>"
  ],
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  }
}

此扩展提供了一个简单的界面，用户可以通过输入图片链接来改变所有网站的背景图片。请在将扩展应用于 Firefox 之前对其进行测试，以确保其正常运行。