使用Chrome的Overrides开发工具对网页进行永久更改

尝试消除问题的工具

Local Overrides是Google Chrome网络浏览器开发人员工具的一项相对较新的实验性功能,可用于对网页进行永久更改,类似于使用用户脚本或用户样式的方式。

尽管大多数用户可能不希望修改他们经常访问的网页上的样式或其他内容;一些用户希望这样做以消除烦恼,提高可用性或进行其他修改。

一个很好的例子是在用户眼中太亮的站点。使用替代,您可以将网站样式更改为深色样式,以使其更悦目。您还可以使用它来增加或减小字体大小,更改字体,删除背景图像或操纵页面上的任何其他元素。

在Google Chrome中设置本地替代

enable local overrides in chrome

本地替代是Google Chrome浏览器的一项实验性功能,可在所有受支持的浏览器版本中使用。

要启用它,您需要执行以下操作:

  1. 点击F12调出开发人员工具界面。
  2. 在界面中点击F1以打开“首选项”。
  3. 在“首选项”下,找到“启用本地替代”并选中该选项。
  4. 访问您要永久更改的网页。
  5. 切换到开发人员工具中的“源”面板。
  6. 单击带有指向右边的两个箭头的图标,然后从菜单中选择“替代”。
  7. 选择“设置替代”,然后选择要在其中存储替代的本地文件夹。
  8. 接受Chrome的访问文件夹的请求。

在Google Chrome中使用本地替代

chrome local overrides

使用替代资源非常简单。在浏览器中打开“网络”面板以开始使用。如果没有看到任何已加载的文件,请重新加载页面以填充列表。

右键单击要覆盖的任何资源文件,然后选择“另存为覆盖”选项。 Chrome将数据保存到本地系统,并在加载网页时使用它代替原始资源。

您可以在“源”>“替代”下编辑文件。这对于样式来说效果很好,但是您几乎可以覆盖任何源文件,包括HTML页面和JavaScript文件。

替代会自动保存,您可以将其从Chrome开发者工具的替代列表中删除,也可以改用偏好设置。

chrome overrides

开发人员工具偏好设置的替代部分列出了所有具有替代的网站。将鼠标悬停在某个条目上时,可以将其删除以删除所有替代,或者单击“编辑”以更改域名。

请查看以下说明性视频,该视频重点介绍了如何使用该功能来改善网页性能。

结束语

Local Overrides是一项实验性功能,这意味着Google可能会在将来撤消它或将其完全集成到浏览器中。目前,这是一个很好的选择,它可以更改您经常访问的网页的样式或代码,并且可以替代使用用户样式或脚本的方法。

内置选项的主要优点是,您可以使用Chrome的开发者工具实时查看更改,而无需手动保存外部文件并在每次更改时重新加载页面。

现在轮到你 :您使用用户脚本还是样式?