まえがき
環境が複数あると、つい各環境のサイトをブックマークするんですが、
パッと見がよく似てるブックマークが並んでしまい、
たまーにリンクを間違えてイラッとしたりすることもあり…(´・ω・`)
そういうのを少しでも防ぎたかったので、ブックマークレットで対応したって話です。
ソースはこんなの
javascript: (function() {
list = [
{
"name": "ローカル",
"url": "https://local.example.com/"
},
{
"name": "開発",
"url": "https://dev.example.com/"
},
{
"name": "ステージング",
"url": "https://staging.example.com/"
},
{
"name": "本番",
"url": "https://example.com/"
}
];
newwin = window.open("", "_blank");
newwin.document.open();
newwin.document.write("<html><head></head><body>");
for (i in list) {
row = list[i];
newwin.document.write("<h3><a href='" + row.url + "admin/'>" + row.name + "</a></h3>");
}
newwin.document.write("</body></html>");
})();
これをbookmarklet makerなどブックマークレットの生成ツールを使って圧縮、ブックマークに登録します。
このブックマークレットをクリックすると、新規ページ(タブ)で↑のリンク集が表示されます。
H3タグで囲ってるのでちょっと文字が大きく表示されるから、押し間違いが減ってイラッとしなくなりました(個人差あり)。
あとがき
しょーもない・・・けど自分には必要だったので記録でした。
たぶんまた作りそうだったし、そのときコピペ出来た方が楽なので。
・・・まぁ、実はこれに飽き足らず自分用にChromeアプリを作ったりもしたんですが、、、
「正直、そこまでいらないな・・・(´・ω・`)」と思ったのでこっちだけ記録です。