iPad / iPhoneでWebページのHTMLソースコードを表示する方法。 アプリは必要ありません。

あなたはウェブに興味があり、インターネット上の任意のウェブサイトのソースコードをのぞいてみたいですか? もしそうなら、あなたは一人ではありません。 私たちがよく目にする読者の質問の1つは、iPhone(または別のiDevice–iPadまたはiPod Touch)で任意のWebページからHTMLソースコードを表示する方法です。幸いなことに、デベロッパーRob Flahertyのおかげで解決策が見つかりました。 この記事では、iPad、iPhone、iPod touchを含むiDevice上のWebページのソースコード(HTML、CSS、JavaScriptなど)を表示するために必要な手順の概要を説明します。 そして何よりも、アプリは必要ありません!

iDevicesでHTMLソースコードを表示する方法

HTMLソースコードを表示するための8つの簡単な手順

  1. Safari(iPhone、iPod、またはiPad)が開いていない場合はタップして、このページにアクセスします。 この方法はChromeでも機能します
  2. 共有ボタンアクションボタン)を選択します。

  3. ブックマークをタップ:

  4. 名前フィールドを選択し、Xアイコンをクリックしてクリアし、「ページのソースを表示」という名前を付けて、「保存」をタップします。

  5. 次に、このページにアクセスしてすべてを選択し、javascriptコードをコピーします:( コードクレジット:Rob Flaherty

  6. Robのサイトからコピーしたコードがこれと同じように見えることを確認します(ただし、下からではなく、このページからコピーしてください)。
    1. javascript:(function(){var a = window.open( 'about:blank')。document; a.write( 'Source of' + location.href + ''); a.close(); var b = a。 body.appendChild(a.createElement( 'pre')); b.style.overflow = 'auto'; b.style.whiteSpace = 'pre-wrap'; b.appendChild(a.createTextNode(document.documentElement.innerHTML) )})();
  7. ブックマークアイコンをタップし、[ 編集 ]をタップします。

  8. 手順4で作成した「ページのソースを表示」ブックマークを選択します。

  9. アドレスフィールドをタップし、Xアイコンをクリックしてクリアし、手順5でコピーしたJavaScriptコードを貼り付けます。 次に[完了]をタップします

それでおしまい! これで、iDevice(iPhone、iPod、またはiPad)でモバイルSafari(およびChrome)を使用して任意のWebページに移動し、 ブックマークアイコンをタップしてから、[ページのソースを表示] ブックマークをタップすると、新しいウィンドウが開き、ウェブページ。 素晴らしくて簡単!

HTMLソースコードを表示する最終結果

そしてもちろん、そのためのアプリがあります!

一連の手動ステップを実行するという考えが気に入らない場合は、App Storeでいくつかのアプリが提供されています。 ソースの表示、Webページのソース、ソースブラウザー、およびHTMLソースコードを表示できる同様のアプリなどのサードパーティアプリを探します。 これらのアプリを使用すると、お気に入りのサイトのすべてのHTMLソースコード、CSS、および一部のアプリではJavascriptにアクセスできます。 これらのアプリの一部は、iOSデバイス用のSafari拡張機能を提供し、組み込みの構文強調表示機能と検索機能を備えています!

これらのアプリを使用すると、ソースコードの表示はスムーズなワンステッププロセスです。 URLを入力するだけで、すぐにその背後にあるソースコードが表示されます。 または、アプリのSafari拡張機能を使用して、通常どおりにWebを閲覧します。 次に、現在のページのソースを表示する場合は、アクションアイコンをタップして[ソースの表示]を選択するだけです。 テキストをペーストボードにコピーして他のアプリで使用したり、メールとして送信することも簡単です。