javascript - 我如何使用 tampermonkey href 本地文件？

Question

我想通过 href 替换站点的 CSS 文件 URL，我知道可以引用包含 css 的外部链接，但是如何代替本地文件呢？

document.querySelector("head > link:nth-child(7)").href = "http://example.com/style.css"

Answer 1

一个选项是本地文件是一个脚本，也许是一个将所需的 CSS 文本分配给 window 的脚本。属性，然后可以在您的用户脚本中检索。例如:

// ==UserScript==
// @name         local
// @match        https://example.com
// @require      file:///C:/local.js
// ==/UserScript==

document.head.appendChild(document.createElement('style'))
  .textContent = window.cssTextFromLocal;

和

// local.js
window.cssTextFromLocal = `
  body {
    background-color: green;
  }
`;

确保permit local file access .

当然，如果您想无条件地执行此操作(无论如何在每次页面加载时)，就不需要脚本间通信，您可以插入 <style>进入DOM里面local.js .