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

Pen*_*lio 5 browser web-development css google-chrome-extensions firefox-extensions

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

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

目的:

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

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

我经常使用的浏览器:

  1. 谷歌浏览器(用于开发:内置开发工具栏)
  2. Mozilla Firefox(用于开发:Firebug)

小智 5

有几种方法可以为 CSS 文件执行此操作。您可以使用诸如时尚之类的扩展程序或使用浏览器安装文件夹中的自定义文件....

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

为了支持 JS 文件,上面提到的 Greasemonkey 是你最好的选择。


Pen*_*lio 0

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

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

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