パソコン鳥のブログ

アクセスカウンタ

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

<<   作成日時 : 2013/06/26 23:30   >>

ブログ気持玉 0 / トラックバック 0 / コメント 0

サイトによっては、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件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
セキュアなページでロケーションバーの色を変えるFirefoxアドオンstylish用スタイル  パソコン鳥のブログ/BIGLOBEウェブリブログ
文字サイズ:       閉じる