自定义网页 HTML/CSS 并保存

自定义网页 HTML/CSS 并保存

有没有办法自定义网页 HTML/CSS 并保存?例如,如果我去开发者工具(检查元素)在 Chrome 上并更改页面 CSS 样式(隐藏一些),它会向我显示这些更改,但刷新页面后它会恢复到默认状态。

不确定这是否可能但也许有人知道?

答案1

我不知道是否有一个工具可以跟踪你的更改并保存以供下次使用,但你可以使用用户脚本扩展到您的浏览器并创建一个可以改变您想要的页面的脚本。

您可以改变 CSS/HTML 注入 JS 等。您可以设置脚本在哪个站点/页面运行以及在网页加载过程的哪个点运行的规则。

我知道的两个最流行的用户脚本管理器是:

答案2

是的,如果您已将页面保存在本地计算机中,并使用任何文本编辑工具(如记事本)进行更改,然后在本地计算机中运行 html 和 css 文件,则可以自定义 HTML、CSS 和 JS 中的网页,或者如果您想反映网站中的更改,则需要使用服务器端 JS(例如借助 node.js)运行该 html 和 css。我认为您遇到的问题是由于您在客户端计算机中临时更改了 CSS 和 HTML 文件,而这些更改无法反映在运行其 html 和 css 的远程计算机上。如果您需要更多说明,请回复我,我会尽量详细解释。

答案3

右键单击网页并选择“查看页面源代码”以查看其 HTML 代码。复制 HTML 代码并将其粘贴到文本编辑器(如记事本或 Sublime Text)中。对 HTML 代码进行所需的更改。使用“.html”扩展名保存文件。要应用 CSS 更改,请创建一个单独的“.css”文件并使用链接标签将其链接到 HTML 文件。在 Web 浏览器中打开 HTML 文件以查看您的自定义页面。注意:您所做的更改只会在您的计算机上可见,不会反映在原始网站上。要发布您的更改,您需要将文件上传到 Web 服务器。如果您需要更多说明,请回复我脑力技能 将尝试详细解释。

相关内容