☰

用一个用户脚本

tag-icon • tag-icon firefox css styles
用一个用户脚本

我如何定制我的 Firefox，这样如果某个页面没有样式定义，Firefox 就会使用本地样式表，我可以自己定义？

我找到了这个插件：上下文样式切换器，可以从页面中删除样式表，但是看起来确实很丑。

如果我可以定义一个在每次访问页面时使用的每个站点的 CSS，那就太完美了。

答案1

您可以在里面设置各种选项（颜色，字体大小，字体系列）about:config到一定程度。（输入about:config地址并打开）

Firefox 62 的一些示例

browser.display.foreground_color: sets the text color
browser.display.background_color: sets the background color of a page

如需进一步设置，您可以在搜索栏中输入color或font或。size

答案2

用一个用户脚本

...自动运行用户定义的 JS。要使用用户脚本，您必须安装一个名为“用户脚本管理器”的浏览器扩展程序，该扩展程序适用于所有现代浏览器。 了解有关用户脚本的更多信息。

下面是一个示例 JS，用于检查<head>元素是否包含<style>或<link rel="stylesheet">。如果没有，则插入用户定义的 CSS：

const head = document.getElementsByTagName('head')[0];
if(head.querySelector('style, link[rel~=stylesheet]') === null) {
    head.insertAdjacentHTML(
        'beforeend',
        '<link rel="stylesheet" href="https://unpkg.com/spcss" />'
    );
}

"https://unpkg.com/spcss"用 CSS 的 URL替换。还有其他方法使用 JS 加载 CSS 文件或者你可以插入<style>标签直接定义样式。

我不确定是否可以从http://页面加载本地 CSS 文件或从用户脚本访问本地文件系统 :( 但脚本本身是一个本地文件。

我刚刚将上面的示例发布为可立即使用的用户脚本：https://greasyfork.org/en/scripts/482860-default-css。

相关内容