在没有 FTP 访问的情况下在本地保存自定义 HTML？

Question

我们都知道Firebug/Web Developer Toolbar等可以将任意页面的HTML/CSS改成我们本地机器。但是，刷新后，我们知道这些更改没有保存。

如何以一种自动方式为我们的本地计算机保存这些更改，以使我们的更改在刷新站点后重新出现？

例如，假设我访问了一个博客发布网站，该网站每天都有人更新。假设我想将我读过的每个博客的标题的背景涂成明亮的恼人的红色，（以后快速查看可以让我跳过这些）。在这种情况下，假设标题始终是一个 h2 元素。我会在这个标题中添加一个内联元素，所以： <h2>The world ends this year!</h2> 变成 <h2 style="color:red;">The world ends this year!</h2>

有什么方法可以在我们的本地机器上标记、突出显示或更改此博客文章标题，以便将来自动查看？

Answer 1

如果您的目标是个性化您自己的网络体验，我推荐使用Greasemonkey 脚本 以编程方式应用 CSS。有一个等效的插件称为Stylish，它类似于 GM for CSS。有 Chrome 的等价物。

---

如果您的目标是向您正在创建的网站的用户提供此功能，我会考虑使用 HTML5 DOM Storage 在客户端存储个性化样式。

Answer 2

您不需要任何插件或程序来执行此操作，只需在您的 Firefox profile 目录中创建 userContent.css 文件，然后为您想要的网页粘贴您的自定义 CSS，例如：

@-moz-document url-prefix(http://www.domain.com/blog/) {
 #content h2 {
  color:red !important;
 }
 #content h2 a {
  color:red !important;
 }
}

您可以在 mozilla developer site 上找到更多可定制的技术

Answer 3

我确信有浏览器插件可以做这样的事情 - 特别是对于 Firefox 等。（如果没有，创建一个不会太复杂。）

否则，我会调查Greasemonkey，并编写一些自定义用户脚本来执行此操作。您可以将自定义用户脚本应用于所有站点，并使用本地数据存储来确定该站点之前是否曾被访问过。

理想情况下，这样的插件将与浏览器历史记录集成，而不是复制历史存储（因为您的网络浏览器已经在存储历史）。但是，如果您将浏览器历史记录配置为仅保存最近的 # 天，并且如果您希望长期维护此“已读”帖子列表，则这可能是不可取的。