即使在外部编辑器中编辑时，Chrome也会动态应用用户样式(custom.css)，我如何在webdev中使用此机制？

Question

因此chrome会自动更新对C:\Users\*\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css所做的更改。它很棒，因为我可以选择我最喜欢的编辑器，并将我从任何用于css操作的浏览器集成工具中解放出来。

但它只适用于该特定文件。我知道即使我在localhost服务器上工作，它也不能直接用来编辑服务器端的css。但是，有没有其他方法可以使用这种甜蜜的机制，比如手动告诉chrome查找特定的css文件并将其用作替代Custom.css。

编辑:我认为导入也不起作用。这些规则似乎都没有任何效果。

@import "stylish.1misc.css";            //in the same dir as Custom.css
@import url("stylish.1misc.css");
@import url("http://localhost/.my/stylish.2img.css");
@import url("file:///D:/.localhost/.my/stylish.1misc.css");

related

Answer 1

您可以使用Chrome Developer Tools只做that和其他几件事。像编辑和hot swapping Javascript。

你可以在谷歌或youtube上快速搜索一下，找到过多的examples。

这是一个热交换流行站点上的一些CSS的示例，使font-size变得更大。

​

​

更改可以保存在本地(我想是保存到缓存文件夹中)，也可以选择将它们保存到其他地方。

然而，这些更改并不是持久的，刷新页面会导致所有更改丢失，但如果您想对不属于您的网站永久更改，您可以将这些更改粘贴到Chrome用户样式表中；或者您可以将更改保存到您自己的项目中。对于最后一种情况，在上面提供的链接上有大量的良好实践和建议。