Paano tingnan ang code ng mapagkukunan ng web page sa iphone at ipad

Kahit na ang mga iOS app ay hindi pa ang mga machine ng pag-unlad, sa pangkalahatan makakahanap ka ng isang iPhone o isang iPad sa isang tool ng web designer / tagabuo. Bagaman kung ikaw ay isang developer / publisher o isang tao lamang na nais na tingnan ang source code ng isang pahina o tingnan ang lahat ng mga assets na na-deploy dito, karaniwang ginagawa mo ito mula sa computer.

Ngayon ay ginawa ng iOS 8 na mas madali upang matingnan ang mapagkukunan, mga assets, at mga mapagkukunan ng DOM ng isang pahina. At salamat sa kahanga-hangang mga third party na app na may suporta sa extension, magagawa mo ito nang tama sa Safari (Hindi suportado ang Chrome dahil ang mga extension ay maaaring ma-access ang DOM lamang sa Safari).

Pag-usapan natin ang dalawang apps na makakatulong sa iyo na tingnan at makatipid ng source code para sa anumang website kapag nasa daan ka.

Tingnan ang Extension ng Pinagmulan para sa Safari

Ang Pinagmulan ng Tingnan ($ 0.99) ay isang simple at malakas na app na may isang extension ng Safari. Nagkakahalaga ito ng $ 0.99, ngunit may maraming mga tampok.

Kapag na-install ang app, pumunta sa Safari, i-tap ang pindutan ng Ibahagi, mag-swipe sa kanan sa ilalim na hilera at i-tap ang Higit pa. Mula rito i-toggle View Source. Paganahin nito ang pagpapalawak.

Marami pa sa mga extension ng iOS 8: Ang mga extension ng iOS 8 ay mabilis na nagiging isang malakas na tool. Tingnan kung paano sila gumagana, ang pinakamahusay na mga extension ng pagbabahagi, at kung paano makakatulong ang isang extension sa iyo na maging Safari sa isang ganap na downloader.

Ngayon, pumunta sa pahina, i-tap ang pindutan ng Ibahagi, at piliin ang Pinagmulan. Makikita mo ang source code ng pahina sa lahat ng kaluwalhatian nito. Tapikin ang pindutan ng Ibahagi upang maipataas ang katutubong bahagi ng bahagi. Mula dito maaari mong ipadala ang code sa isang app ng tala o i-email ito.

Sa ibaba makikita mo ang apat na pindutan - Mga Asset, DOM, Script, at Impormasyon.

Itala ng mga Asset ang lahat ng mga imahe sa pahina. Maaari kang mag-tap sa isang link upang makita ang isang preview at i-save ang imahe.

Ang pindutan ng DOM ay magpapakita sa iyo ng isang modelo ng puno na may isang hierarchal na istraktura ng mga HTML, XML, at mga dokumento ng SVG. Maaari mong i-tap ang anumang elemento upang mapalawak ito.

Ang pindutan ng Script ay nagpapahintulot sa iyo na sumulat at mag-iniksyon ng Javascript sa anumang pahina (lokal). Ang Info panel ay nagpapakita ng impormasyon tungkol sa pahina.

Srcfari

Ang Srcfari ($ 0.99) ay isang kahalili sa Pinagmulan ng Tingnan. Habang ang app ay magpapakita sa iyo ng source code at mga asset tulad ng mga imahe, mga style ng CSS, at mga script na tumatakbo sa pahina, kailangan mong gawin ito mula sa app mismo. Walang extension ng Safari para sa Srcfari.

Iyon ang sinabi, ang paggamit ng Srcfari ay hindi isang masamang karanasan. Ang app ay may magandang palalimbagan at ginagawa nito ang isang mas mahusay na trabaho sa paghiwa-hiwalay ng mga ari-arian sa pamamagitan ng mga script, CSS, at mga imahe kaysa sa View Source app. Ang isang gripe na mayroon ako sa Srcfari ay ang paganahin ang text wrapping para sa mga style ng CSS ngunit hindi kapag tinitingnan mo ang buong mapagkukunan (na ginagawa ng View Source app). Nangangahulugan ito na magkakaroon ng isang makatarungang halaga ng pag-pan at pag-zoom na kasangkot, hindi bababa sa iPhone.

Maliban sa Srcfari ay ang karaniwang pag-iibigan. Maaari mong kopyahin ang source code sa iyong clipboard o i-email ito sa isang tao. Maaari mo ring i-save ang mga imahe gamit ang app.

Konklusyon

Ang Safari ay marahil na ang iyong browser na pinili sa iOS (karamihan dahil hindi hinayaan ka ng iOS na piliin ang Chrome bilang default). Kung kailangan mong tingnan ang source code nang medyo madalas, ang $ 0.99 Tingnan ang Source app kasama ang Safari extension nito ay magiging halaga.

Karaniwan mong ginagamit ang iyong iPhone o iPad upang mag-troubleshoot ng mga website? O upang makita kung ano ang mali sa kanila? Ipaalam sa amin sa mga komento sa ibaba.