假设我无法使用Chrome控制台更改页面css，我可以记录和设置页面内容的样式吗？

Question

我正在尝试直接从DevTools控制台改变网页上的样式（不使用inspect-element方法）。具体来说，我想知道哪些命令允许我覆盖给定font-family（或Id）的class属性。

我在这里和其他地方的搜索似乎表明我只能改变控制台输出的CSS。如果这是一个准确的限制声明，我的备份解决方案是按类将页面内容拉到控制台并在那里设置样式 - 不幸的是我无法弄清楚如何做到这一点。

Answer 1

我不确定为什么你不会只使用inspect元素，但你可以在控制台中用js做这样的事情。

document.getElementsByClassName('title')[0].style.fontFamily="Impact,Charcoal,sans-serif";

Answer 2

您可以通过在文档中插入新的样式元素来实际更改css类。 您可以在控制台上使用javascript完成此操作，如下所示：

var style = document.createElement('style');
style.innerHTML='.adzerk-vote {color:red; background-color:blue;}';
document.head.appendChild(style);

在将其添加到文档头之前，只需更改所需的类。

如果您选择一个元素并更改其classe css属性，它将在您的所有页面中生效。