開発者ツールから好きなCSSのスタイルを適用したいときに使えるNipp
Nipp:
Nippのコードの参考: 「html - How to create a <style> tag with Javascript? - Stack Overflow」
使用例
以下の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));
}
})();