ローカルからインストールしたFeatureを一目で見分ける

Jetpack featureを作るときには、JetpackFeatureInstallerを使ってローカルのjsファイルをインストールしてデバッグすると効率がいい。

メンテナンスの度にローカルか否かいちいちリンクにカーソルを合わせて確認するのがめんどくさいのでStylishでabout:jetpackに対して以下のように設定する。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("about:jetpack") {
#installed .jetpack a[href^="file"]::before {
margin-right: 5px;
content:url("chrome://global/skin/dirListing/local.png");
} 

#installed .jetpack a[href^="http"]::before {
margin-right: 5px;
content:url("chrome://browser/skin/Geo.png");
}
}

dataスキームのひとは知りません。

追記

#installed .jetpack a[href^="data"]::before {
margin-right: 5px;
content:url("chrome://global/skin/console/bullet-warning.png");
}