css - 使用 chrome 开发者工具注入(inject) CSS？

Question

在哪里可以将 CSS 添加到我正在查看的页面？我不想直接向一个元素添加样式，我想在页面中添加一个“文档”以在编辑站点的 style.css 之前调试更改。

请注意，这里有很多关于“从 Chrome 扩展程序注入(inject) CSS”的问题，但具体来说，我想通过“Chrome 开发者工具”来完成。

Answer 1

我不确定它是否有效，但你必须尝试一下。

按 F12/(Cmd + opt + I 在 Mac 上)打开开发者控制台并转到“控制台”选项卡。

复制粘贴以下代码(修改路径):

$(document.head).append('<link rel="stylesheet" href="path_to_my_css">');

或者，您可以编辑一个属性，以便 Chrome 创建 inspector-stylesheet.css，然后将您的 CSS 源复制到那里。