2014年6月5日 3:09 PM カテゴリー: web制作, ソフト・便利ツール
iOS safariの開発者ツールです。下記画像のようにソースコードが丸見えで、Mac上でソースコードを簡易編集した部分もリアルタイムに反映されて行くため非常に便利です。コーダーやWEBデザイナーなどの制作者さんなら既にご存知かと思いますが非常に便利なので使用方法などを紹介します。
設定 > Safari
Safari > 詳細
詳細 > WebインスペクタをONに。
Safariを起動 > 開発 > iphone名 > iOS safariに起動中のサイト名を選択
これだけでソースコードを表示してくれます。
iOSSafariの表示はこんな感じ。後はMac上のソースコードを改変するとリアルタイムにiOS safariの表示も動きます。私はChrome使用者で要素の検証を多用するのでこういうデバッグツールは慣れていて好きです。仮想ブラウザだとどうしても端末に表示されたときと変わってきてしまいますからね。知らなかった方は是非お試しください。
https://developer.apple.com/jp/safari/tools/
仕事と子育てを楽しむパパです。 趣味は漫画、映画、海外ドラマ、波乗り、スノボ、カメラ。 最近いけてないけど旅行も大好き。仕事はweb以外にも企業向け技術教育事業、投資、ディレクション、アパレル、写真、店舗プロデュースなどなどなんでもこなします。
iOS safariの開発者ツールです。下記画像のようにソースコードが丸見えで、Mac上でソースコードを簡易編集した部分もリアルタイムに反映されて行くため非常に便利です。コーダーやWEBデザイナーなどの制作者さんなら既にご存知かと思いますが非常に便利なので使用方法などを紹介します。