Androidブラウザーでソースを表示するにはどうすればよいですか？

回答:

69

Javascriptのalertメソッドを使用してソースコードを返すことができます。これをアドレスバーに入力します。

javascript: alert(document.getElementsByTagName('html')[0].innerHTML);

— ライアン・ライアン
ソース
3
最初は、javascript：URIスキームがAndroidのブラウザーで動作することを疑っていましたが、私の2.1ブラウザーで動作するように見えました。ただし、構文の強調表示は表示されず、テキストをコピーすることもできないため、長いHTMLページにはあまり使用できません。
— ライライアン
1
私にはうまくいきません！エミュレータは常にhttp：//プレフィックスを追加し、Googleで見つからないサイトを取得します。
1
Chrome for Androidでは、約50行程度しか表示されません。
Firefox for Androidでは機能しません。
— アーロンフランケ
256

FirefoxまたはAndroid上のChromeでは、アドレスバーのURLの前に「view-source:」、つまり「view-source:http://google.com」を付けてソースを表示できます。

— ラダー
ソース
4
素晴らしい解決策。構文の色付け（少なくともChromeでは）を生成し、ソースコードをクリップボードにコピーすることもできます。
— ジプシー
2
以下のためのAndroid版FirefoxのアドオンあなたがたURLを毎回接頭辞せずにソースコードを表示することができたがあり、単にアプリのメニューから「ソースの表示」項目をクリックすると、現在開いているWebページのソースコードが表示されます。アドオンはView Source Mobile
— Francisco Alvarado
6
ブックマークレットとして：javascript:document.location='view-source:'+document.location;
— ベンジャミンオークス
3
この回答は、より多くの賛成票を投じて、正しい回答として選択する必要があります。
— フレッドトムセン
1
これは、LinuxおよびWindows上のFirefoxおよびChrome、おそらくmacOSでも動作します
— -Motte001
29

市場でView Web Sourceというアプリを探してインストールします。

次に、ブラウズするときにメニューを開き、「共有」をタップして、ポップアップするリストで「Webソースを表示」を選択します。

— キース・トゥーンブリー
ソース
キース-あなたのROCKの男が..私の@ssを保存したが、そのツールの助けを借りて、私のビデオ波平の埋め込みが、私はコードが.NETサーバーに含まれていませんでしたソースで見ることができた理由を理解couldntの
2
アプリへのリンク：market.android.com/details?id=com.jamesob.vwsourceで試してみたところ、よさそうです。構文の強調表示はありませんが、仕事はします。ソースを通常のテキストボックスに入れます。つまり、テキストを簡単にコピーできます。
— -GAThrawn
7

この回答に記載されているアプリは、2009年以降更新されていません。

VT View Sourceを試してみてください。

— ReBeL
ソース
1
これには構文の強調表示があり、非常に使いやすいです。デフォルトのAndroidブラウザとChromeで動作します。最新のAndroid版Firefoxには独自のソース表示があるため、これは必要ありません。
— エズワード14
5

以下を使用して、モバイルChromeで新しいブックマーク（ブックマークレット）を作成します。

名前：ソースの表示（vs）

URL： javascript:document.location='view-source:'+document.location; void(0);

これで、ページ上でアドレスフィールドをタップして、入力を開始します。

— ミレン・ボエフ
ソース
3

これがデバッグ用である場合（コメントからのようです）、FirefoxまたはChrome用のユーザーエージェントスイッチャー拡張機能をデスクトップにインストールするのがさらに良いでしょう。ユーザーエージェントをAndroidに変更すると、モバイルバージョンのサイトが取得できますが、使用しているすべてのソースツールとデバッグツールが含まれています。

— ケン・フェリング
ソース
2

開発に非常に便利なエミュレータを使用している場合は、ソースをシェルまたはテキストファイルにキャプチャできます。これを行うには、adbに付属のAndroid Developer Toolsをインストールする必要があります。エミュレーターを起動し、OSのシェルから次のコマンドを実行します。

adb logcat browser:V *:S

これにより、エミュレーターのブラウザーアプリからすべてが出力され、他のログメッセージが抑制されます。そこから、javascript console.logコマンドがadbによってキャプチャされ、表示できるように出力されます。したがって、JQueryを使用している場合、これをページに追加すると、ページ全体のhtmlがログに出力されます。

$(document).ready(function(){console.log($('html').html())});

これにより、ページ上のhtmlタグ内のすべてがログに出力されます。

ログの出力をキャプチャすることができます（少なくともBASHを使用すると、他のシェルと話すことはできません）。

adb logcat browser:V *:S > log.txt

これで、ログからの出力はすべてlog.txtファイルにダンプされます。これは、他のテキストドキュメントと同様にページ全体を検索できるため、ページ全体のHTMLに非常に便利です。

全体ではなくページの特定の部分を取得する場合は、JQueryでhtmlタグではなくページのその部分を指定できます。そのため、クラス/ IDを持つ単一のdivを見る必要がある場合これに関連付けられている（この例では、「inspect-me」という名前のクラスがあります）、JQueryを次のように変更できます。

$(document).ready(function(){console.log($('div.inspect-me').html())});
— ウェンダールサン
ソース
1
これはうまくいくかもしれませんが、質問はAndroid Webブラウザーで -ではなくからです。PCを使用してソースを取得するには、FirefoxでCtrl-Uを押すなど、はるかに簡単な方法があります;）
— Izzy
2

Operaブラウザを使用している場合は、アドレスバーにこれを入力し、httpなどを必ず消去してから、次のように入力します。

server:source

開いたページのアドレス。

— アキ・ホサド
ソース
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.