Android

Jak zobrazit zdrojový kód webové stránky na iphone a ipad

Ako upraviť text na web stránke (Tutoriál)

Ako upraviť text na web stránke (Tutoriál)

Obsah:

Anonim

Přestože aplikace pro iOS ještě nejsou vývojovými stroji, v sadě nástrojů pro návrháře webových stránek / vývojáře obvykle najdete iPhone nebo iPad. Přestože jste vývojář / vydavatel nebo jen někdo, kdo chce zobrazit zdrojový kód stránky nebo zobrazit veškerá aktiva na ní nasazená, obvykle to děláte z počítače.

Nyní iOS 8 výrazně usnadnil prohlížení zdrojů, prostředků a zdrojů DOM na stránce. A díky úžasným aplikacím třetích stran s podporou rozšíření to můžete udělat přímo v prohlížeči Safari (Chrome není podporován, protože rozšíření mají přístup k DOM pouze v prohlížeči Safari).

Pojďme mluvit o dvou aplikacích, které vám pomohou prohlížet a ukládat zdrojový kód libovolného webu, když jste na cestách.

Zobrazit rozšíření zdroje pro Safari

View Source (0, 99 $) je jednoduchá a výkonná aplikace s rozšířením Safari. Stojí 0, 99 $, ale přichází s mnoha funkcemi.

Po instalaci aplikace přejděte na Safari, klepněte na tlačítko Sdílet, přejeďte prstem doprava v dolním řádku a klepněte na Další. Odtud přepínáte View Source. Tím se rozšíření povolí.

Více o rozšířeních pro iOS 8: Rozšíření pro iOS 8 se rychle stávají mocným nástrojem. Podívejte se, jak fungují, jak nejlépe sdílet rozšíření a jak vám jedno rozšíření může pomoci proměnit Safari v plnohodnotný downloader.

Nyní přejděte na stránku, klepněte na tlačítko Sdílet a zvolte Zobrazit zdroj. Uvidíte zdrojový kód stránky v celé své kráse. Klepnutím na tlačítko Sdílet vyvoláte nativní list sdílení. Odtud můžete poslat kód do aplikace pro poznámky nebo poslat e-mailem.

Níže uvidíte čtyři tlačítka - Aktiva, DOM, Skript a Informace.

Seznam aktiv obsahuje všechny obrázky na stránce. Klepnutím na odkaz zobrazíte náhled a uložíte obrázek.

Tlačítko DOM vám ukáže stromový model s hierarchickou strukturou dokumentů HTML, XML a SVG. Klepnutím na libovolný prvek jej rozbalíte.

Tlačítko Skript umožňuje psát a vkládat Javascript na libovolnou stránku (místně). Informační panel zobrazuje informace o stránce.

Srcfari

Srcfari (0, 99 $) je alternativou ke zdroji View. I když vám aplikace ukáže zdrojový kód a zdroje, jako jsou obrázky, šablony stylů CSS a skripty spuštěné na stránce, musíte to udělat ze samotné aplikace. Pro Srcfari neexistuje rozšíření Safari.

To znamená, že používání Srcfari není vůbec špatná zkušenost. Aplikace má pěknou typografii a dělá mnohem lepší práci při rozepisování aktiv podle skriptů, CSS a obrázků než aplikace View Source. Jedním gripe jsem se Srcfari je, že to povolilo obtékání textu pro CSS styly, ale ne při prohlížení celého zdroje (což aplikace View Source). To znamená, že se na iPhonu bude podílet poměrně velké množství rýžování a přibližování.

Kromě toho je Srcfari obvyklou záležitostí. Můžete zkopírovat zdrojový kód do své schránky nebo ho někomu poslat e-mailem. Obrázky můžete také ukládat pomocí aplikace.

Závěr

Safari je pravděpodobně již váš prohlížeč volby na iOS (většinou proto, že iOS vám nedovolí vybrat Chrome jako výchozí). Pokud potřebujete zobrazit zdrojový kód poměrně často, cena za aplikaci View Source 0, 99 USD s rozšířením Safari bude stát za to.

Používáte obvykle iPhone nebo iPad k odstraňování problémů s webovými stránkami? Nebo vidět, co je s nimi? Dejte nám vědět v komentářích níže.