如何禁用站点上的一个特定CSS文件,并将其替换为本地版本?

如何禁用站点上的一个特定CSS文件,并将其替换为本地版本?,css,firefox,browser,Css,Firefox,Browser,我正在尝试重新皮肤现有的网站只使用CSS。我将采取他们的CSS文件之一,并重做它匹配一个新的设计,而不改变任何HTML。我想要一种持续更新然后测试的好方法,但我必须在本地进行,因为他们没有开发环境。网站本身是动态的,经过验证的,所以我不能从网站下载页面,然后在本地测试整个内容。我希望有一种方法可以告诉我的浏览器(最好是Firefox)禁用特定的远程CSS文件,并将其替换为本地文件 我不想使用Web开发工具栏或Firebug之类的工具,因为这需要我在每次加载页面时手动进行更改。我想要更无缝的 我在

我正在尝试重新皮肤现有的网站只使用CSS。我将采取他们的CSS文件之一,并重做它匹配一个新的设计,而不改变任何HTML。我想要一种持续更新然后测试的好方法,但我必须在本地进行,因为他们没有开发环境。网站本身是动态的,经过验证的,所以我不能从网站下载页面,然后在本地测试整个内容。我希望有一种方法可以告诉我的浏览器(最好是Firefox)禁用特定的远程CSS文件,并将其替换为本地文件

我不想使用Web开发工具栏或Firebug之类的工具,因为这需要我在每次加载页面时手动进行更改。我想要更无缝的

我在想一种可能是在userContent.css中加载我的新样式表,但我仍然需要一种方法告诉浏览器不要从服务器加载原始样式表

有什么想法吗


更新:我发现这个Mozilla bug报告讨论了在不重新启动Firefox的情况下更改userContent.css的问题。其中一张海报(Simon Wilper)发布了一些关于添加菜单项以刷新userContent.css的文件和信息,但它谈到了修改browser.xul,我在我的系统中找不到该文件。这似乎是拼图的最后一块。

您可以使用AdBlock Plus创建一个自定义过滤器来阻止一个特定的样式表,这样当您访问该站点时它就不会加载。此规则将始终有效,因此当您刷新页面时,您不必做任何额外的操作

至于将您自己的样式表添加到外部站点,您可以使用Style,一个用于将您自己的样式表添加到特定域的附加组件。这也将在刷新页面时始终存在

我想,您将遇到的问题是如何处理您打算在CSS中链接到的图像。您必须将它们上传到某个地方,绝对引用它们,然后在完成后,将URL替换为其服务器上的新位置。此外,在编辑器中编辑时尚样式表非常糟糕(没有代码着色,没有代码完成)。最好在您选择的编辑器中编辑样式表,然后将其粘贴到时尚文本区域。点击save,然后查看您的工作(我相信您甚至不必刷新,但我可能错了)

此外,这两个附加组件也可用于Chrome


安装web开发者扩展

然后它将在地址栏下创建一个菜单,单击css选项卡,然后“禁用样式”>禁用单个样式表“>然后选择要禁用的样式表文件


在此之后,再次单击css选项卡,然后单击“添加用户样式表”“,然后选择您的css文件。

我不知道为什么人们建议为这个简单的任务安装扩展名。我建议您只需遵循以下步骤,即可禁用您希望在浏览器中加载的任何文件。只需遵循以下几个简单步骤:

  • 点击
    Ctrl+Shift+C
    打开源代码检查
  • 导航到
    网络
    选项卡
  • 右键单击列表中的任何文件,然后单击阻止请求URL
  • 现在无法加载该文件。干杯


    PS:谷歌Chrome和Mozilla Firefox浏览器的步骤相同。没有在Opera和/或Safari上测试。

    你试过Fiddler吗?您可以为特定文件设置自动应答器,并指向要使用的本地文件,而不是站点上的文件;它确实有效。你是对的,时尚编辑很烦人,但是-没有办法告诉时尚在我的计算机上使用另一个文件?时尚最糟糕的事情似乎是每次我保存它时它都会关闭文件,所以我不能让它打开来处理它。没有办法告诉时尚在你的计算机上使用另一个文件,但是,您可以将
    .css
    文件上载到某个位置,然后在其中尝试使用
    @导入http://myserver.com/filename.css
    规则——检查一下,但我不确定这是否有效;只是猜测而已。由于存在安全问题,它可能会失败。