りんごが好きなのでぃす

Mac/iPhone/iPadなどに関する話題を届け続けて今年で地味に24年目

Safari(iOS)でウェブページのHTMLソースを見る

「ソースを見る」を iPadiPhoneSafari でも使いたいなら

以下の手順でブックマークを作成しておくと、iOSSafari で表示させているページの HTML ソースを確認できるようになるそうですよ。

  1. Safari (iOS) で任意のページをブックマークする:あとで編集するので何処でも良い
  2. 右のリンク先にあるブックマークレットJavaScript)を表示させて全文コピーする:ブックマークレット
  3. (1) で登録したブックマークの[編集]画面を開く
  4. 任意の名称(例:ソースを見る)に変更し、URI は全削除後 (2) をペーストする

準備はこれだけ。

f:id:kjx130:20161216145424p:plain

【クリックで拡大】

あとは HTML ソースを見たいページでブックマーク画面を呼び出し (4) で編集完了しているブックマークレットを呼び出すと別ウィンドウに上図のようなソースが表示されます。

ただし、要求されたページを先方でソースとして見えるように生成した html ファイルを返す、という処理をしていますので、Mac や Win の Web ブラウザでソースを見るのとは厳密な意味では異なります(上のブックマークレットMac/PC の Web ブラウザに登録して実行、表示された『ソースのソース』を見れば理屈が解ります)。

またソースが長大なページでは処理に時間を要しますので注意が必要です。

osxdaily.com