css - 即使在外部编辑器中编辑，Chrome 也会即时应用用户样式(custom.css)，我如何将这种机制用于 webdev？

Question

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

但它仅适用于该特定文件。我知道它不能直接用于编辑服务器端 css，即使我在 localhost 服务器上工作也是如此。但是有没有其他方法可以使用这种巧妙的机制，也许是手动告诉 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.

有很多 examples您可以通过在 google 或 youtube 上快速搜索找到。

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

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

但是，更改不是永久性的，刷新页面会导致所有更改丢失，但是如果您想使不属于您的网站的更改永久化，您可以将这些更改粘贴到 Chrome 用户样式表;或者你自己的元素，你可以在本地保存你的更改。对于最后一个案例，在上面提供的链接中有很多好的做法和建议。