スマホ研究部 byブレイブソフト

ヒットノウハウから最新技術まで、スマホの全てを明らかにする部活!

株式会社ブレイブソフト

Ha Thi HongiOS端末で表示中のページのHTMLソースコードをMacのsafariで表示する方法

  • このエントリーをはてなブックマークに追加

iPhoneやiPadなどのiOS端末上で表示中のHTMLやCSSのソースコードを、MacのSafariで表示する方法をご紹介いたします。

1. Safari の設定

スクリーンショット 2015-11-13 17.28.12

Safari -> 環境設定 -> 表示されるポップアップの詳細を選択して-> メニューバーに”開発”メニューを表示 をチェックして下さい。

2. iOS端末の設定

thumb_IMG_3772_1024

– USB経由でMacにiOS端末を接続します。

– iOS端末で 設定 -> Safari -> 詳細 -> WebインスペクタをONにして下さい。

– 端末のSafariでアクセスする。

3. ソースコードの表示

 スクリーンショット 2015-11-17 16.29.45

表示するページを選択したら、 開発 -> 端末名 とすると、実際のデバイス上のコードが表示されます。選択中のタグはハイライトで表示されます。

スクリーンショット 2015-11-17 16.34.19

以上です。

 ★部員募集中★
ブレイブソフトは現在エンジニアを募集中です。ご応募お待ちしてます!

投稿者プロフィール

Ha Thi Hong
Ha Thi Hong
  • このエントリーをはてなブックマークに追加
カテゴリー:WEB