Hoe bekijk ik de bron in de Android browser?

Je kunt Javascript's alert methode gebruiken om de broncode terug te geven, type dit in de adresbalk:

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

Zoek naar een app genaamd View Web Source in de markt en installeer het.

Open dan tijdens het browsen je menu en tik op "share", in de lijst die tevoorschijn komt kies je View Web Source.

kunt u de bron vastleggen in uw shell of in een tekstbestand als u'een emulator gebruikt, wat erg handig is voor ontwikkeling. Om dit te doen moet je Android Developer Tools installeren, die wordt geleverd met adb. Start je emulator op en voer dan vanuit je OS's shell het commando uit:

adb logcat browser:V *:S

Dit zal alles uitvoeren van de browser app op je emulator en alle andere log berichten onderdrukken. Vanaf daar zullen alle javascript console.log commando's worden opgevangen door adb en worden uitgevoerd zodat je ze kunt bekijken. Dus, als je're JQuery gebruikt, kun je dit aan je pagina toevoegen en het'zal de hele pagina html naar het logboek uitvoeren:

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

Dit zal alles binnen je html-tag op de pagina naar het logboek sturen.

Je kunt de uitvoer van je log vastleggen (met BASH, tenminste, ik kan niet spreken over andere shells) met:

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

Nu wordt alle uitvoer van het log gedumpt in je log.txt bestand. Dit is echt handig voor een hele pagina met HTML, omdat je er dan in kunt zoeken zoals je in elk ander tekstdocument zou doen.

Als je een specifiek deel van de pagina wilt pakken in plaats van het hele ding, kun je dat deel van de pagina specificeren in plaats van de html-tag in je JQuery, dus als je naar een enkele div moet kijken die een klasse/id heeft die ermee verbonden is (in dit voorbeeld, heeft het een klasse genaamd 'inspect-me'), kun je je JQuery veranderen in:

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