お久しぶりのwryyyです。 今流行?のスマートフォン最適化サイトを作る際、 スマートフォン実機でサイトを確認したら、デザインが崩れてる!!!となった場合、 皆様はどうしているでしょうか? ・実機だと、FireFoxのFirebugなんて便利なもの使えないし… ・気合を入れて修正しては確認して…ってのもめんどくせー!!! ってなった時にはもう大変です。 さて、そんな時にオススメするのが今回ご紹介する です! さて、ではまず【weinre】とは何かから入って行きましょう。 weinreとは、簡単に行ってしまえばスマートフォンで閲覧しているページの ・HTML DOM ・CSS ・Javascript 等をPCから確認できるようにしちゃおうっていうツールです。 では、実際にインストールと使用方法について説明していきます。 ※ 私のPC環境がMACのため、MACの手順で記載させて頂きます