Javascript 如何编辑一个网站的HTML，然后有它在那里当你重新加载，但只为你？

比如说我经常使用一个网站，但我不喜欢设计的某个方面，我显然不拥有这个网站，但我不喜欢每次加载页面和编辑HTML时都要进入，我希望能够保存一些HTML，每次打开这个网站时，它都会自动替换代码，或者它可以运行一些Javascript或其他东西，甚至更改一些CSS，这可能吗？如果可能，如何实现？

如果您有兴趣做一些工作，您可以编写一个Google Chrome扩展来满足您的要求。请看一下入门指南。

如果您对做一点工作感兴趣，您可以编写一个Google Chrome扩展来满足您的要求。看看入门指南。

执行类似操作的最简单方法是安装一个userscript管理器，如。然后，您可以为站点创建一个用户脚本，将HTML更改为您希望的格式，如果您正确编写了代码，那么每次加载站点时，它都会自动运行

在以下示例中，由于双击某个用户代码段而导致的错误，因此在加载该代码段时会快速修复：

// ==UserScript==
// @name             Stack Snippet Modal Fixer
// @description      Prevents snippet double-clicking from breaking the snippet interface
// @author           CertainPerformance
// @version          1.0.0
// @include          /^https://(?:(?:(?:codereview|gamedev|codegolf|meta)\.)(?:[^/]+\.)?stackexchange\.com|(?:[^/]+\.)?stackoverflow\.com)/(?:questions/(?:\d|ask/)|posts/\d+/edit|review/(?:reopen|helper|low-quality-posts|suggested-edits)(?:/\d+|$))/
// @grant            none
// ==/UserScript==

document.body.appendChild(document.createElement('style')).textContent = `
.snippet-modal {
  pointer-events: auto !important;
}
`;

这使用Javascript将标记附加到文档中，但您可以对文档进行任何其他更改，如更改页面的HTML或删除现有内联的样式规则等

对用户脚本的唯一限制是页面上Javascript的限制，但大多数需要调整的内容可能都可以通过Javascript实现

---

就我个人而言，如果没有编写自定义次优界面的用户脚本的能力，我很难浏览我经常访问的许多网站。

最简单的方法就是安装一个类似的用户脚本管理器。然后，您可以为站点创建一个用户脚本，将HTML更改为您希望的格式，如果您正确编写了代码，那么每次加载站点时，它都会自动运行

例如，由于出现错误，在加载代码段时快速双击该代码段会导致错误，因此我目前有以下userscript来修复它：

// ==UserScript==
// @name             Stack Snippet Modal Fixer
// @description      Prevents snippet double-clicking from breaking the snippet interface
// @author           CertainPerformance
// @version          1.0.0
// @include          /^https://(?:(?:(?:codereview|gamedev|codegolf|meta)\.)(?:[^/]+\.)?stackexchange\.com|(?:[^/]+\.)?stackoverflow\.com)/(?:questions/(?:\d|ask/)|posts/\d+/edit|review/(?:reopen|helper|low-quality-posts|suggested-edits)(?:/\d+|$))/
// @grant            none
// ==/UserScript==

document.body.appendChild(document.createElement('style')).textContent = `
.snippet-modal {
  pointer-events: auto !important;
}
`;

这使用Javascript将标记附加到文档中，但您可以对文档进行任何其他更改，如更改页面的HTML或删除现有内联的样式规则等

对用户脚本的唯一限制是页面上Javascript的限制，但大多数需要调整的内容可能都可以通过Javascript实现

---

就个人而言，如果没有编写用户脚本来定制次优界面的能力，我很难浏览我经常访问的许多网站。

你可以使用浏览器扩展触控笔，它允许您在每个网站或全局基础上添加自定义css，并且在您每次访问指定网站上的任何页面时都会加载该css，直到您将其关闭为止

对于铬：

对于Firefox：

---

您可以使用浏览器扩展触控笔，它允许您在每个网站或全球范围内添加自定义css，并且它将在您每次访问指定网站上的任何页面时加载该css，直到您将其关闭为止

对于铬：

对于Firefox：

---

我认为已经有一个插件可以做到这一点。我没有使用它，我只是想起几年前的事，在Chrome Extensions商店里找到了它。试一试：

---

我认为已经有一个插件可以做到这一点。我没有使用它，我只是想起几年前的事，在Chrome Extensions商店里找到了它。试一试：

---

手写笔很好，尽管它只影响CSS。请注意Stylus这个名字，不是Stylus-Stylus曾经是一个比较流行的用户CSS管理器，但是它被一些广告公司购买并变成了某种东西，并发送到了谁知道哪里。Stylus很好，尽管它只影响CSS。注意Stylus这个名字，不是Style-Style曾经是一个比较流行的用户CSS管理器，但是它被一些广告公司购买并变成了某种东西，然后发送到了谁知道哪里。顺便问一下，你知道一种方法来保存我们直接在网页上所做的更改吗？例如：使用tampermonkey，我们可以使用contenteditable=true来更改文本，但如何保存此更改？是否可以在网页内编辑/更改tampermonkey脚本？最简单的方法是什么？请参阅-侦听模糊事件并保存元素的innerHTML。在pageload上，加载保存的innerHTML并将其设置为内容。看起来它应该这样做。顺便问一下，你知道一种方法来保存我们直接在网页上所做的更改吗？例如：使用tampermonkey，我们可以使用contenteditable=true来更改文本，但如何保存此更改？是否可以在网页内编辑/更改tampermonkey脚本？最简单的方法是什么？请参阅-侦听模糊事件并保存元素的innerHTML。在pageload上，加载 保存innerHTML并将其设置为内容。看起来它应该这样做。