我可以在浏览器中添加我自己的自定义 CSS 或 Javascript

我可以在浏览器中添加我自己的自定义 CSS 或 Javascript

有没有办法在使用浏览器时加载我自己的自定义 CSS 或 Javascript?

当我访问网站或开发网站时,我想从我的计算机加载我自己的自定义脚本。我知道这可以通过 Firebug 或 Chrome 的开发人员工具栏来实现,但刷新浏览器后,您的更改也将被清除。这正是我添加 CSS 和 Javascript 时所寻找的,但我希望它有一个选项,您可以在本地临时保存更改。或者它有一个加载外部 CSS 或 JS 文件的选项。

目的:

  1. 当我开发前端时,有时使用 Chrome 的开发人员工具栏或 Firefox 的 Firebug 来更改或调整 CSS 属性对我来说很方便,因为我可以实时看到更改而无需刷新。我发现的一个问题是,每次刷新浏览器时,我的更改也会被重置。现在我希望有一个选项,让我可以在本地保存更改或加载我自己的外部 .css 文件或 .js 文件。

  2. 我想自定义一些网站在本地浏览时的外观,例如访问包含太多广告的博客。我想应用 CSS 属性来隐藏垃圾内容。

我经常使用的浏览器:

  1. Google Chrome(用于开发:内置开发工具栏)
  2. Mozilla Firefox(用于开发:Firebug)

答案1

有几种方法可以对 CSS 文件执行此操作。您可以使用类似 Styled 的扩展程序,也可以使用浏览器安装文件夹中的自定义文件……

http://www.lostsaloon.com/technology/using-a-custom-stylesheet-in-a-web-browser/

对于 JS 文件的支持,如上所述的 Greasemonkey 是您的最佳选择。

答案2

答案3

我找到了答案,那就是 Chrom Dev Tool Autosave

https://github.com/NV/chrome-devtools-autosave

这是无需离开浏览器即可即时编辑 css 和 js 的绝佳方式。简短介绍http://www.youtube.com/watch?v=M4rme6EUvwQ

相关内容