假設我無法通過Chrome控制檯更改頁面CSS，是否可以記錄和設置頁面內容的樣式？

我想直接從DevTools控制檯（不使用inspect-element方法）改變網頁上的樣式。具體而言，我想知道什麼命令會允許我覆蓋給定Id（或class）的font-family屬性。假設我無法通過Chrome控制檯更改頁面CSS，是否可以記錄和設置頁面內容的樣式？

我在這裏和其他地方的搜索似乎表明，我只能改變控制檯輸出的CSS。如果這是對限制的準確說明，我的備份解決方案將按頁面將頁面內容拉入控制檯，並設置其風格 - 不幸的是，我無法弄清楚如何做到這一點。

爲什麼不使用（或有權訪問）Chrome檢查器？如果jQuery已加載/可用，則在控制檯中可以選擇類/ ID，然後使用.css更改字體系列'$（selector）.css（'font-family'，'your choice'）;' – dward

Can你請張貼一些代碼或示例來證明你遇到的問題？ – skolte

@dward謝謝，如果您願意，請參閱我對Dominic的答案的評論以獲取更多解釋。 –

我不知道爲什麼你不會只使用inspect元素，但你可以在控制檯中用js做這樣的事情。

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

2014-02-14 17:28:10

工程就像一個魅力。我錯過了'[0]'。我希望避免使用檢查元素，以便讓我可以與人分享的東西（可以將其粘貼到控制檯中），而不是通過使用Chrome檢查器找到並更改適當的樣式標記的公認更合理的方法。 –

您可以通過在文檔中插入新的樣式元素來實際改變css類。你可以做到這一點，從您的控制檯，只需使用JavaScript，像這樣：

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

將它添加到文件頭之前就改成你想要的類。

如果您選擇一個元素並更改其類屬css屬性，它將在您的所有頁面中生效。

2014-02-14 17:30:52

這似乎會有很多好的應用程序，謝謝。 –

回答