Question

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

例如，我使用了一个名为tawk.to的非常酷的免费聊天系统，但我不喜欢在界面中放置了一些按钮的位置。使用Chrome开发工具我已将按钮移动到我想要的位置，但如果我需要刷新页面，或需要重新启动Chrome，我将失去“个人布局设置”。

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

谢谢。

Answer 1

Check this out.

你需要了解一些javascript。

Answer 2

我对这个概念的看法：

应修改已修改的资源并将其保存到Google帐户设置中。

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

这包括修改，例如从特定页面或域中删除特定的html元素（），隐藏特定页面或css mods中的所有图像。

元素检查器中的子菜单还应包含更多选项，例如克隆＆＃39;，选择元素应显示带有句柄的边界框，以便可以直观地调整大小，移动，裁剪，剪切，缩放反思等...

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

如果＆＃39;添加新的＆＃39; ＆GT; ＆＃39;元件＆＃39; ＆GT; ＆＃39;图像＆＃39;如果选择，html和css应该按照选择的标准自动形成，包括标准的父元素，例如＆＃39; a＆＃39;在一个跨越的范围内形成自动。

然后，如果您有凭据，请通过ftp＆＃39;上传。将它全部保存到服务器。

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

Answer 3

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);

这很简单！谢谢！

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

3 个答案: