为任何网站保存自定义样式表

Question

我知道如何为我在本地开发的自己的网站实时编辑和保存样式表。但是，如果能够为网络上的任何网站保存您自己的自定义样式不是很好吗？

例如，我使用一个非常酷的免费聊天系统 tawk.to，但我不喜欢某些按钮在界面中的位置。使用 Chrome 开发工具，我已将按钮移动到我想要的位置，但如果我需要刷新页面，或需要重新启动 Chrome，我将松开我的 "personal layout settings" .

想听听您对这个概念的看法，以及您是否能想到任何解决方案。可能 Chrome 中的脚本在特定的 url 秒运行，加载该 url 的个人样式表。

谢谢。

Answer 1

Check this out.

您需要了解一些 javascript。

Answer 2

正如 Cozzmy 所指出的，存在 Tampermonkey。我安装了它并创建了一个简单的脚本来隐藏徽标并将聊天切换按钮移动到左上角（jQuery 在页面中可用，所以我使用了它）

// ==UserScript==
// @name         My Fancy New Userscript
// @namespace    http://your.homepage/
// @version      0.1
// @description  enter something useful
// @author       You
// @match        https://dashboard.tawk.to/?lang=en
// @grant        none
// ==/UserScript==
$("#logo-group").css('display','none');
$("body").find("[data-action=toggleMenu]").css('position','absolute').css('left',0);

这很简单！谢谢！

Answer 3

我对这个概念的看法：

修改后的资源应记录并保存到 google 帐户设置中。

这样，从任何 chrome 浏览器登录将加载这些设置并提供可以重新加载的修改历史记录。

这将包括修改，例如从特定页面或域 () 中删除特定 html 元素、隐藏特定页面或 css 模组中的所有图像。

元素检查器中的子菜单还应包括更多选项，如 'clone'，并且选择一个元素应显示带手柄的边界框，以便可以直观地调整大小、移动、裁剪、透明、缩放、反映等...

对于文本，子菜单应包括修改选项，如视觉字体选择、颜色、大小等。- 字体应可从任何来源、本地或云端加载。

如果选择'add new'>'element'>'image'，则html和css会自动按照选择的标准组成，包括标准的父元素，例如 'a' 在 'span' 中自动形成。

然后，如果您有凭据，'upload via ftp' 会将其全部保存到服务器。

'Load file' 应该包括 git 或其他在线资源，所以如果我想加载某人的整个网站。或者只是我喜欢的一件事，我可以。

为任何网站保存自定义样式表

Saving Custom Stylesheets for Any Website

css

customization

google-chrome

stylesheet

google-chrome-devtools