セキュアなページでロケーションバーの色を変えるFirefoxアドオンstylish用スタイル

サイトによっては、sslで暗号化してセキュアに通信できるものがあり、その URL は https で始まります。
firefox ではこのような httpsで始まる安全なページにアクセスすると、Firefoxのロケーションバーに鍵アイコンが付きます。

鍵アイコンだけではなく、もっと分かりやすくなるように、ロケーションバーの背景色を緑色に変えるスタイルが以下のものです。
画像


/* 安全な(暗号化された)サイトを訪れた際にロケーションバーの背景色変更 */
#urlbar[level=high] .autocomplete-textbox-container {
background-color: #00DB00!important; color: #000000!important;
}



また、下記のスタイルでは、問題のある httpsサイトではロケーションバーの背景色が黄色になります。


/* 問題のあるページを訪れた際にロケーションバーの背景色変更 */
#urlbar[level=broken] .autocomplete-textbox-container {
background-color: #ffff00!important; color: #000000!important;
}


問題のあるサイトとは、httpsページに httpのコンテンツが混ざっているページです。
例えば、ページ内に画像が配置してあり、その画像ファイルのurlがhttpの場合です。
下記は問題のある httpsサイトの例です。
上記スタイルを設定後、アクセスしてみて下さい。ロケーションバーの背景色が黄色になります。

https://kuix.de/misc/insecure-image/

このようなページの問題については、以下が詳しいです。
HTTP用のページにHTTPSでアクセスする - T.Teradaの日記


参考


userchrome.css - Mozilla Firefox まとめサイト
HTTP用のページにHTTPSでアクセスする - T.Teradaの日記

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

この記事へのトラックバック