web-dev-qa-db-ja.com

FirefoxでWebページの配色を反転する方法は？

私は暗い部屋でウェブを閲覧するために使用しますが、背景が暗く、テキストが明るい場合は、その逆ではなく、はるかに一般的です。これは、いくつかのカスタムCSSまたはJSコードを適用することで実現できると思いますが、Webコーダーではなく、これを行う方法がわかりません（特に、すべてのWebサイトに適用できます）。インストールして必要な効果だけを得る拡張機能があれば、さらに素晴らしいでしょう。

助言がありますか？

firefoxbrowserfirefox-extensionsweb
10
Ivan

WebKitベースのブラウザーでは、次のスタイルを追加して色の反転を実現できます。

html { -webkit-filter: invert(); }

enter image description here

残念ながら、現在Firefoxでの実装を待っています： https://developer.mozilla.org/en-US/docs/CSS/filter#Browser_compatibility

Firefoxの同等のものは次のようになります。

html {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#invert");
}

しかし、結果はニースほどではありません。

enter image description here

ボーナス

WebKitのブックマークレットは次のとおりです（jQueryをロードする必要があります）。

javascript:$("html").css("-webkit-filter","invert()")
16
Der Hochstapler

これを試してください.. [ツール]> [オプション]> [コンテンツ]タブをクリックし、[色]ボタンをクリックします。次に、[ページを許可する]チェックボックスをオフにします。次に、テキストに白色を選択し、背景に黒色を選択します。それが役に立てば幸い。 ver24.0でやりました。

2
RVShenoy

（編集：MozillaがInvertをサポートしないことを決定したため、ブックマークレットがFirefoxで機能しないことに気づきました。しかし、同じことを行うjQueryリンクがページにあります。）このページでブックマークレットを使用できます： http://lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/

オペレーティング・システム？ MacにNocturneというアプリがあり、色が全面的に反転します。 ctrl-option-cmd-F8を押すのと同じです。 Windowsでそれを行う方法がわかりません。ノクターンは、色を微調整するだけでなく、夜や薄暗い照明での表示を少し良くするために、少し良くなっています。ここでの利点は、Firefoxページだけでなく、すべてが切り替えられ、新しいページをロードするたびに再適用し続ける必要がないことです。

1
dr.nixon

これアドオンが役に立ったらチェックしてください。

それはいくつかのより良いオプションがあります。これがスクリーンショットです>>>

enter image description here

0
Shah Zor

次のURLでブックマークレットを作成します。

javascript:void(document.getElementsByTagName('html')[0].style.webkitFilter='invert()');
0
Tom