IPhoneおよびiPadでWebページのソースコードを表示する方法
その他 / / December 02, 2021
iOSアプリは完全ではありませんが 開発マシン それでも、通常、iPhoneまたはiPadはWebデザイナー/開発者のツールキットに含まれています。 開発者/発行者、またはページのソースコードを表示したり、ページにデプロイされているすべてのアセットを表示したりするだけの場合でも、通常はコンピューターから実行します。
iOS 8では、ページのソース、アセット、およびDOMリソースをはるかに簡単に表示できるようになりました。 そして、拡張機能をサポートする素晴らしいサードパーティアプリのおかげで、Safariで直接それを行うことができます(拡張機能がアクセスできるため、Chromeはサポートされていません DOM Safariでのみ)。
外出中にウェブサイトのソースコードを表示して保存するのに役立つ2つのアプリについて話しましょう。
Safariのソース拡張機能を表示
ソースを表示 ($ 0.99)は、Safari拡張機能を備えたシンプルで強力なアプリです。 価格は0.99ドルですが、多くの機能が付属しています。
アプリがインストールされたら、Safariに移動し、 共有 ボタンをクリックし、下の行を右にスワイプしてタップします もっと. ここからトグル ソースを表示. これにより、拡張機能が有効になります。
iOS 8拡張機能の詳細: iOS8拡張機能は急速に 強力なツール. を見てみましょう それらがどのように機能するか、 NS 最高の共有拡張機能、および1つの拡張機能がSafariを有効にするのにどのように役立つか 本格的なダウンローダーに.
次に、ページに移動し、をタップします 共有 ボタンをクリックし、選択します ソースを表示. ページのソースコードがすべての栄光で表示されます。 をタップします 共有 ボタンをクリックして、ネイティブ共有シートを表示します。 ここから、コードをメモアプリに送信するか、メールで送信できます。
以下に、アセット、DOM、スクリプト、情報の4つのボタンがあります。
アセットには、ページ上のすべての画像が一覧表示されます。 リンクをタップすると、プレビューが表示され、画像が保存されます。
NS DOM ボタンをクリックすると、HTML、XML、およびSVGドキュメントの階層構造を持つツリーモデルが表示されます。 任意の要素をタップして展開できます。
NS 脚本 ボタンを使用すると、任意のページに(ローカルで)Javascriptを記述して挿入できます。 NS 情報 パネルには、ページに関する情報が表示されます。
Srcfari
Srcfari ($ 0.99)は、ソースの表示に代わるものです。 アプリは、ページ上で実行されている画像、CSSスタイルシート、スクリプトなどのソースコードとアセットを表示しますが、アプリ自体から実行する必要があります。 Srcfari用のSafari拡張機能はありません。
とはいえ、Srcfariを使用することは決して悪い経験ではありません。 このアプリはタイポグラフィが優れており、ソースの表示アプリよりも、スクリプト、CSS、画像ごとにアセットを分類するのにはるかに優れています。 Srcfariの不満の1つは、CSSスタイルシートのテキストラッピングが有効になっていることですが、ソース全体を表示しているときは有効になりません(ソースの表示アプリでは可能です)。 これは、少なくともiPhoneでは、かなりの量のパンとズームが必要になることを意味します。
それ以外はSrcfariがいつものことです。 ソースコードをクリップボードにコピーするか、誰かに電子メールで送信できます。 アプリを使用して画像を保存することもできます。
結論
SafariはおそらくiOSですでに選択されているブラウザです(主にiOSではデフォルトとしてChromeを選択できないためです)。 ソースコードをかなり頻繁に表示する必要がある場合は、Safari拡張機能を備えた0.99ドルのViewSourceアプリが価格に見合う価値があります。
通常、iPhoneまたはiPadを使用してWebサイトのトラブルシューティングを行っていますか? または、それらの何が問題になっているのかを確認しますか? 以下のコメントでお知らせください。