アンドロイド

IPhoneとiPadでWebページのソースコードを表示する方法

目次:

Anonim

iOSアプリはまだ開発用のマシンではありませんが、Webデザイナー/開発者のツールキットにはiPhoneまたはiPadがあります。 あなたが開発者/発行者、あるいは単にページのソースコードを閲覧したり、そこに展開されているすべてのアセットを閲覧したい人であれば、通常はコンピュータから行います。

iOS 8では、ページのソース、アセット、およびDOMリソースを表示するのがはるかに簡単になりました。 また、エクステンションをサポートしている素晴らしいサードパーティ製のアプリのおかげで、あなたはそれをSafariで正しく行うことができる(エクステンションはSafari内でのみDOMにアクセスできるのでChromeはサポートされていない)。

あなたが出張中にあらゆるウェブサイトのソースコードを見たり保存したりするのに役立つ2つのアプリについて話しましょう。

Safariのソース拡張子を表示

View Source($ 0.99)は、Safari拡張機能を備えたシンプルで強力なアプリです。 それは0.99ドルかかりますが、多くの機能が付属しています。

アプリがインストールされたら、Safariに行き、 Share ボタンをタップし、一番下の行を右にスワイプして More をタップする。 ここから ソースの表示を 切り替え ます 。 これで拡張機能が有効になります。

iOS 8拡張機能の詳細: iOS 8拡張機能は、すぐに強力なツールになりつつあります。 それらがどのように機能するのか、最高のシェア拡張機能、そして1つの拡張機能がどのようにSafariを本格的なダウンローダに変えるのを助けることができるかを見てください。

それでは、そのページに行き、「 共有」 ボタンをタップして、 「ソースの表示」 を選択し ます 。 あなたはその栄光の全てにおいてページのソースコードを見るでしょう。 共有 ボタンをタップしてネイティブの共有シートを表示します。 ここから、コードをノートアプリに送信したり、電子メールで送信することができます。

その下には、[資産]、[DOM]、[スクリプト]、[情報]の4つのボタンがあります。

資産は、ページ上のすべての画像をリストします。 リンクをタップしてプレビューを表示したり画像を保存したりできます。

DOM ボタンは、HTML、XML、SVG文書の階層構造を持つツリーモデルを表示します。 あなたはそれを展開するために任意の要素をタップすることができます。

[スクリプト]ボタンを使用すると、(ローカルで)任意のページにJavascriptを作成して挿入できます。 情報 パネルにページに関する情報が表示されます。

シュクファリ

Srcfari($ 0.99)は、View Sourceに代わるものです。 このアプリでは、画像、CSSスタイルシート、ページ上で実行されているスクリプトなどのソースコードとアセットが表示されますが、アプリ自体から実行する必要があります。 SrcfariにはSafariの拡張機能はありません。

とはいえ、Srcfariを使用してもまったく悪い経験ではありません。 このアプリは素晴らしいタイポグラフィを持ち、View Sourceアプリよりもスクリプト、CSS、および画像によってアセットを分類するのに非常に優れた仕事をします。 私がSrcfariに持っている一つの不満はCSSスタイルシートのためにテキストの折り返しを可能にしたことですが、あなたが全体のソースを見ているとき(それはView Sourceアプリがする)をしません。 これは、少なくともiPhoneでは、かなりの量のパンとズームが必要になることを意味します。

それ以外のSrcfariは通常の事件です。 ソースコードをクリップボードにコピーするか、他の人に電子メールで送信することができます。 アプリを使って画像を保存することもできます。

結論

Safariは、おそらくすでにiOSで選択されているブラウザです(iOSでは、デフォルトでChromeが選択されていないため)。 あなたがかなり頻繁にソースコードを見る必要があるならば、そのSafari拡張子付きの$ 0.99 View Sourceアプリはその価格に見合うでしょう。

あなたは通常ウェブサイトのトラブルシューティングにあなたのiPhoneまたはiPadを使いますか? それとも何が悪いのか見てみませんか? 以下のコメントでお知らせください。