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

时间:2015-04-22 01:56:35

标签: css remote-debugging web-inspector

让我们说我和我的另一个伙伴一起工作。他让我通过CSS改进他的工作。但我没有那份工作(网络)的文件。所以我可以通过Web Inspector(ctrl + shift + I)在Browser上调整一些值。我可以在一些注释中写下我所有的其他风格。但是,无论如何创建css文件并将其附加到实时网站上用于上述目的?所以我可以在完成所有工作后发送外部css文件。

1 个答案:

答案 0 :(得分:0)

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

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

然而,尝试file:///C:/Users/[username]/Desktop/style.css之类的内容无效,因为出于安全原因,浏览器不允许您加载该资源。