クロスブラウザの確認をするときにURLのコピペが必要なくなるブックマークレット「Catapulty」

WEB サイトを制作する際、様々なブラウザでの表示確認を行うと思いますが、どうやって確認していますか？URL を別のブラウザにコピペして確認するのがオーソドックスな方法だと思いますが、これって地味に面倒だったりしますよね。

そこで便利なのが「Catapulty」です。Catapulty は、別のブラウザで WEB サイトの表示確認をする時に、いちいち URL をコピペしなくてもよくしてくれるブックマークレットです。

Catapultyの使い方

1. Catapultyにアクセスします。
2. メインで使用しているブラウザに「Throw」をブックマークします。

リンクになっているので、ドラッグ&ドロップでブックマークバーに追加します。ちなみに中身はこんな感じです。

javascript:(function(){window.location="http://catapulty.com/throw/nocache/"+new Date().getTime()+"-"+Math.floor(Math.random()*1000001)+"?thrown="+encodeURIComponent(window.location.href);})()

3. 別のブラウザに「Hit」をブックマークします。

Throw と同じようにドラッグ&ドロップでブックマークバーに追加します。中身はこんな感じ。

javascript:(function(){window.location="http://catapulty.com/hit/nocache/"+new%20Date().getTime()+"-"+Math.floor(Math.random()*1000001);})()

4. 「Throw」を追加したブラウザで、表示を確認したいページを開き、「Throw」をクリックします。
5. 別のブラウザを開いて、「Hit」をクリックします。

「Hit」をクリックすると、メインのブラウザで開いていたページにアクセスします。

あとがき

URL をコピペするよりは断然作業を効率化できると思います。WEB 制作に関わっている人は、ぜひ使ってみてください。