2011-07-15 23 views
5

Come tutti i browser Internet consente agli utenti di visualizzare l'HTML o altro codice sorgente di qualsiasi pagina Web visitata. Tutto quello che devi fare è visualizzare il codice sorgente e lì vai. Attualmente sto usando un tablet Android sul sito web di Paypal e mi chiedevo se c'è un modo per cercare il codice per questo. Il sito Web di paypal offre la schermata a comparsa nella parte superiore della pagina che dice di scaricare l'app per Android. Voglio sapere come aggiungere questa funzionalità sul mio sito.Visualizza il codice html per una pagina Web su tablet

+0

Non so come visualizzare il sou rce, ma questa funzione è probabilmente solo uno script (serveride o JavaScript) che testa la stringa UserAgent del client e, se contiene "android", mostra il messaggio per scaricare l'app. –

+0

Hmmmmm !!! Mi piacerebbe ancora sapere come lo fanno. . Voglio aggiungere questo al mio. . – Jeevs

+0

Controlla la mia risposta per favore. – BerggreenDK

risposta

4

non ho trovato alcuna opzione Visualizza sorgente del browser di default, ma è possibile inserirlo nel campo URL per visualizzare fonte:

javascript:alert(document.documentElement.innerHTML); 

È possibile modificare l'user agent immettendo "about: eseguire il debug "nella barra degli indirizzi, quindi andare su Impostazioni - UAString.

I browser per dispositivi mobili Chrome, Firefox, Safari e Opera possono essere ispezionati tramite le loro controparti desktop.

+0

Grande. Grazie, funziona!=) – Jeevs

2

È possibile installare un'app per questa funzione.

Basta cercare su Google Play (app store) per "visualizza web source". La prima App di Jamens Obrien è un'app molto semplice che entra nelle tue "opzioni di condivisione".

Quindi, quando si naviga utilizzando il browser Android preferito. O è il browser predefinito, Firefox, Chrome, Dolphin o Opera Mobile, solo "condividi la pagina" e nell'elenco delle opzioni di condivisione ora hai un'opzione "Visualizza web source".

Una volta selezionato, la nuova applicazione apre l'url e recupera il codice HTML per la visualizzazione.

Spero che questo aiuti molte persone. Vedo questo problema più e più volte qui.

+0

Probabilmente non funzionerà con le pagine loggate o con pagine che danno un output diverso per i diversi browser. – NoBugs

+0

Vero, l'App probabilmente scaricherà la pagina solo come client Web. La soluzione per un sito registrato sarebbe probabilmente una versione compilata dello stesso browser. Per esempio. webkit con questa funzione di visualizzazione della vista abilitata. – BerggreenDK

+0

Le webviews Webkit non hanno i cookie del browser, devono essere implementati. Altrimenti sarebbe un buco di sicurezza, qualsiasi app potrebbe ottenere i tuoi cookie/accessi. – NoBugs

0

Cosa succede se si installa un plug-in in un normale browser desktop che consente di modificare/falsificare la stringa utente-agente per il browser? quindi prendi quello dal tuo tablet Android e impostalo per il tuo profilo falso e poi visita il sito web con esso. Accedi e poi vedi sorgente?

Firefox: https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher/

Google Chrome:

+0

Ho usato questo metodo personalmente per vedere come i siti pubblici rispondono agli agenti mobili. Piuttosto interessante. – BerggreenDK

0

È inoltre possibile prefisso qualsiasi URL che si sta visitando con "view-source:" (senza le virgolette) per esempio view-source: http://www.http://example.com

+0

non funziona! Il browser Chrome e Lightning aggiunge "http: //" prima di "view-source". Testato su Sony Xperia – karantan

1

Salva il codice qui sotto come un bookmarklet e aprirlo ogni volta che si desidera visualizzare sorgente di una pagina
javascript:var s=document.documentElement.outerHTML;var w=window.open();w.document.body.innerHTML=s.replace(/</g,"&lt;").replace(/>/g,"&gt;<br/>");w.document.close()

+0

ottimizzato per un po ', javascript: var d = window.open(). Documento; d.body.innerHTML = document.documentElement.outerHTML.replace (//g, ">
"); d.close() 'se si vuole avere una sintassi in stile, può usare [jsbeautifier] (http://jsbeautifier.org/) o [prettify] (https://github.com/google/code-prettify) nel bookmarklet – Valen

+0

questo è quello che sto usando, 'javascript: var d = window.open(). document; d.write ("

"+document.documentElement.outerHTML.replace(//g,">")+"
"); d.close()' – Valen

10

Utilizzare questo per Android Web predefinito del browser:

javascript:alert(document.documentElement.innerHTML); 

E questo per Android Google Chrome Browser:

view-source:http://www.yoursite.com 
+0

"view-source:" +1 –

+0

view-source: ha funzionato per me su firefox mobile –

Problemi correlati