あなたはウェブに興味があり、インターネット上のウェブサイトのソースコードを覗き見したいですか? もしそうなら、あなたは一人ではありません。 私たちが目にする最も頻繁な読者の質問の1つは、任意のWebページからHTMLソースコードを表示する方法です。 iPhone(または別のiDevice-iPadまたはiPod Touch)幸いなことに、DeveloperRobのおかげで解決策があります。 フラハティ! この記事では、iPad、iPhone、iPodtouchなどのiDevice上のWebページのソースコード(HTML、CSS、JavaScriptなど)を表示するために必要な手順の概要を説明します。 そして何よりも、アプリは必要ありません!
コンテンツ
- 関連記事
-
iDevicesでHTMLソースコードを表示する方法
- HTMLソースコードを表示するための8つの簡単な手順
- HTMLソースコードを表示するための最終結果
-
そしてもちろん、そのためのアプリがあります!
- 関連記事:
- SafariでHTMLソースコードを表示する方法
iDevicesでHTMLソースコードを表示する方法
HTMLソースコードを表示するための8つの簡単な手順
- Safari(iPhone、iPod、またはiPad)がまだ開いていない場合はタップし、このページにアクセスします。 この方法はChromeでも機能します
- を選択 共有ボタン (別名 アクションボタン):
- タップ ブックマーク:
- を選択してください 名前フィールド Xアイコンを押してクリアし、「ページソースを表示」という名前を付けてから、「保存」をタップします。
- 今 このページにアクセス すべてを選択し、JavaScriptコードをコピーします:(コードクレジット:Rob Flaherty)
- Robのサイトからコピーしたコードがこれと同じように見えることを確認します(ただし、 このページから 下からではありません):
- javascript:(function(){var a = window.open( ‘about:blank’)。document; a.write( ‘
「+ 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))})();
- javascript:(function(){var a = window.open( ‘about:blank’)。document; a.write( ‘
- をタップします ブックマーク アイコンをタップしてタップします 編集:
- 手順4で作成した「ページソースの表示」ブックマークを選択します。
- アドレスフィールドをタップし、Xアイコンを押してクリアしてから、手順5でコピーしたJavaScriptコードを貼り付けます。 次に[完了]をタップします
それでおしまい! これで、iDevice(iPhone、iPod、またはiPad)でモバイルSafari(およびChrome)を使用して任意のWebページに移動できます。 ブックマーク アイコンをクリックし、[ページのソースを表示]ブックマークをタップすると、新しいウィンドウが開き、Webページのソースコードが表示されます。 素晴らしくて簡単!
HTMLソースコードを表示するための最終結果
![ページソースを表示](/f/9c33660511465cba0d6ad8f8c116d5bb.png)
![サイトのHTMLコードを参照してください](/f/00e5f550855c4466b60f0ca0bb8110c0.png)
そしてもちろん、そのためのアプリがあります!
一連の手動手順を実行するというアイデアが気に入らない場合は、AppStoreでいくつかのアプリを提供しています。 [ソースの表示]、[Webページのソース]、[ソースブラウザー]、およびHTMLソースコードを表示できる同様のアプリなどのサードパーティ製アプリを探します。 これらのアプリを使用すると、お気に入りのサイトのすべてのHTMLソースコードであるCSSにアクセスでき、一部のアプリではJavascriptにアクセスできます。 これらのアプリの中には、iOSデバイス用のSafari拡張機能を提供し、構文の強調表示と検索機能が組み込まれているものもあります。
これらのアプリを使用すると、ソースコードの表示はスムーズなワンステッププロセスです。 URLを入力するだけで、すぐにその背後にあるソースコードが表示されます。 または、アプリのSafari拡張機能を使用して、通常どおりにウェブを閲覧します。 次に、現在のページのソースを表示する場合は、アクションアイコンをタップして、[ソースの表示]を選択するだけです。 テキストをペーストボードにコピーして他のアプリで使用したり、メールで送信したりするのも簡単です。
![sudz-アップル](/f/112bbcabb83c0e6e3dceb43b5ceef1a9.jpg)
AppleにA / UXが早くから登場して以来、テクノロジーに夢中になっているSudz(SK)は、AppleToolBoxの編集方向を担当しています。 彼はカリフォルニア州ロサンゼルスを拠点としています。
Sudzは、macOSのすべてをカバーすることを専門としており、長年にわたって数十のOSXおよびmacOSの開発をレビューしてきました。
以前の生活では、Sudzは、フォーチュン100企業のテクノロジーとビジネス変革の目標を支援するために働いていました。