Ako zobrazím zdrojový kód v prehliadači Android?

Na vrátenie zdrojového kódu môžete použiť metódu alert jazyka Javascript, ktorú zadajte do adresného riadku:

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

Vyhľadajte na trhu aplikáciu s názvom View Web Source a nainštalujte ju.

Potom pri prehliadaní otvorte menu a klepnite na "zdieľať", v zozname, ktorý sa zobrazí, vyberte položku Zobraziť webový zdroj.

môžete zachytiť zdrojový kód do shellu alebo do textového súboru, ak používate emulátor, čo je veľmi užitočné pri vývoji. Na tento účel si budete musieť nainštalovať Android Developer Tools, ktoré sa dodávajú s adb. Spustite emulátor a potom z príkazového riadku vášho operačného systému spustite príkaz:

adb logcat browser:V *:S

Tým sa vypíše všetko z aplikácie prehliadača na emulátore a potlačia sa všetky ostatné správy denníka. Odtiaľto budú všetky javascriptové príkazy console.log zachytené adb a vyvedené na obrazovku, aby ste si ich mohli pozrieť. Ak teda používate JQuery, môžete to pridať na svoju stránku a do logu sa vypíše celé html stránky:

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

Toto vypíše všetko v rámci vášho html tagu na stránke do protokolu.

Výstup logu môžete zachytiť (aspoň pomocou BASH, o iných shelloch nemôžem hovoriť) pomocou:

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

teraz sa všetok výstup z denníka vypíše do súboru log.txt. To je naozaj užitočné pre celú stránku HTML, pretože v nej môžete vyhľadávať ako v akomkoľvek inom textovom dokumente.

Ak chcete chytiť konkrétnu časť stránky a nie celú, môžete v JQuery špecifikovať túto časť stránky namiesto značky html, takže ak sa potrebujete pozrieť na jeden div, ktorý má priradenú triedu/id (pre tento príklad má triedu s názvom 'inspect-me'), môžete zmeniť JQuery na:

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