在 Chrome Web Inspector 上附加外部 css 文件

Question

假设我和我的另一个合作伙伴一起工作。他让我只通过 CSS 改进他的工作。但我没有那个工作（网络）的文件。所以我可以通过 Web Inspector (ctrl + shift + I) 调整浏览器上的一些值。我可以在一些笔记上写下我所有的其他样式。但是无论如何创建css文件并将其附加在实时站点上用于上述目的？所以我可以在所有工作完成后发送我的外部 css 文件。

Answer 1

是的，如果您创建一个新文件并将其存储在您可以公开访问的位置，例如 http://localhost/style.css，并将网站上的 href 值更改为 <link href="http://localhost/style.css" rel="stylesheet" type="text/css">，它将强制使用新样式表重新加载 css。

我不知道是否有更清洁/更快的方法，但它确实有效。

但是尝试file:///C:/Users/[username]/Desktop/style.css 之类的方法不起作用，因为出于安全原因，浏览器不允许您加载该资源。