開発者ツールから好きなCSSのスタイルを適用したいときに使えるNipp

使用例

以下のCSSのスタイルをどこかのサイトに適用したいとする。

code:入力

@media (prefers-color-scheme: dark) {

body {background: #424242; color: white;}

}

以下の出力を得て、これをDevToolsのコンソールで実行すれば上記のスタイルが適用される。

code:出力

(function () {

var css = "@media (prefers-color-scheme: dark) {\n body {background: #424242; color: white;}\n}"

var head = document.head || document.getElementsByTagName('head')0

var style = document.createElement('style');

head.appendChild(style);

style.type = 'text/css';

if (style.styleSheet){

// This is required for IE8 and below.

style.styleSheet.cssText = css;

} else {

style.appendChild(document.createTextNode(css));

}

})();