Come posso visualizzare la fonte nel browser Android?


156

Esiste un modo per visualizzare l'HTML di origine nel browser Web Android?

Risposte:


69

È possibile utilizzare il alertmetodo Javascript per restituire il codice sorgente, digitare questo nella barra degli indirizzi:

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


3
inizialmente, avevo dubbi sul fatto che javascript: schema URI avrebbe funzionato sul browser Android, ma sembrava funzionare sul mio browser 2.1. Tuttavia, non ottieni l'evidenziazione della sintassi e non puoi copiare il testo, quindi non è molto utilizzabile per lunghe pagine HTML.
Sdraiati Ryan il

1
Non funziona per me! L'emulatore aggiunge sempre il prefisso http: // e ottengo un sito non trovato da Google.

1
Chrome per Android mostra solo circa 50 righe.

Non funziona su Firefox per Android.
Aaron Franke il

256

In Firefox o Chrome su Android è possibile visualizzare l'origine prefissando l'URL nella barra degli indirizzi con " view-source:", ovvero " view-source:http://google.com".


4
Ottima soluzione Genera persino la colorazione della sintassi (almeno su Chrome) e consente di copiare il codice sorgente negli appunti.
Jpsy,

2
Per Firefox per Android c'è un componente aggiuntivo che ti consente di visualizzare il codice sorgente senza prefissare gli URL ogni volta, fai clic sulla voce "Visualizza sorgente" dal menu dell'app e vedrai il codice sorgente per la pagina web attualmente aperta. Il componente aggiuntivo è Visualizza sorgente mobile
Francisco Alvarado il

6
Come bookmarklet:javascript:document.location='view-source:'+document.location;
Benjamin Oakes,

3
Questa risposta dovrebbe essere votata di più e selezionata come quella corretta.
Fred Thomsen l'

1
Questo funziona anche su Firefox e Chrome su Linux e Windows, probabilmente su macOS
Motte001,

29

Cerca un'app chiamata Visualizza sorgente Web sul mercato e installala.

Quindi, durante la navigazione, apri il menu e tocca "condividi", nell'elenco che viene visualizzato scegli Visualizza sorgente web.


Keith - tu ROCK amico .. hai salvato il mio @ss .. non sei riuscito a capire perché il mio video non fosse incorporato, ma con l'aiuto di quello strumento, ho potuto vedere dalla fonte che il codice non veniva incluso dal server .net

2
Link all'app: market.android.com/details?id=com.jamesob.vwsource appena provato, sembra buono. Nessuna evidenziazione della sintassi, ma fa il lavoro. Mette la fonte in una normale casella di testo, il che significa che puoi facilmente copiarne il testo.
GAThrawn

7

L'app citata in questa risposta non è stata aggiornata dal 2009.

Potresti provare VT View Source .


1
Questo ha l'evidenziazione della sintassi ed è molto facile da usare. Funziona con il browser Android predefinito e Chrome. Firefox più recente per Android ha la propria View Source, quindi non ne ha bisogno.
Ezward,

6

Un altro strumento utile per visualizzare l'origine E modificarli dal vivo, in modo simile a Firebug / Web Inspector, è il debugger remoto weinre .


questa risposta oscilla.
IAmDeveloper

5

Crea un nuovo segnalibro (bookmarklet) su Chrome per dispositivi mobili con:

Nome: Visualizza sorgente (vs)

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

Ora quando sei su una pagina, tocca il campo dell'indirizzo e inizia a digitare: vs. Dovrebbe apparire il bookmarklet, fai clic su di esso e sei pronto.



3

Se questo è per il debug (dal tuo commento sembra che sia) qualcosa di ancora migliore è l'installazione di un'estensione dello switcher agente utente per Firefox o Chrome sul desktop. Cambia l'agente utente in Android e otterrai la versione mobile del sito, ma con tutti gli strumenti di origine e debug a cui sei abituato.


2

puoi catturare l'origine nella tua shell o in un file di testo se stai usando un emulatore, che è molto utile per lo sviluppo. Per fare ciò dovrai installare gli Strumenti per sviluppatori Android, forniti con adb. Accendi l'emulatore, quindi dalla shell del tuo sistema operativo esegui il comando:

adb logcat browser:V *:S

Questo produrrà qualsiasi cosa dall'app del browser sul tuo emulatore e sopprimerà qualsiasi altro messaggio di registro. Da lì tutti i comandi javascript console.log verranno acquisiti da adb e emessi per essere visualizzati. Quindi, se stai usando JQuery, puoi aggiungerlo alla tua pagina e restituirà l'intera pagina html al registro:

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

In questo modo tutto il contenuto del tag html nella pagina verrà generato nel registro.

Puoi catturare l'output del tuo registro (usando BASH, almeno, non posso parlare con altre shell) con:

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

ora, qualsiasi output dal registro viene scaricato nel file log.txt. Questo è davvero utile per il valore HTML di un'intera pagina, in quanto puoi quindi cercarlo come faresti con qualsiasi altro documento di testo.

Se vuoi prendere un bit specifico della pagina piuttosto che l'intera cosa, puoi specificare quella parte della pagina piuttosto che il tag html nel tuo JQuery, quindi se hai bisogno di guardare un singolo div che ha una classe / id ad esso associato (per questo esempio, ha una classe chiamata 'inspect-me'), puoi cambiare il tuo JQuery in:

$(document).ready(function(){console.log($('div.inspect-me').html())});

1
Mentre questo può funzionare bene, la domanda è stata posta nel browser Web Android , non da . Ottenere la fonte usando un PC ha modi molto più semplici - come ad esempio premendo Ctrl-U in Firefox;)
Izzy

2

Se stai utilizzando un browser Opera, digita questo nella barra degli indirizzi, assicurati di cancellare http e altre cose, quindi digita:

server:source

nell'indirizzo della pagina che hai aperto.


Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.