開発者ツールから好きな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));
}
})();