Jak na to – vzdálené ladění webu na iPadu pomocí MIHTool

Dlouho jsem přemýšlel, jak efektivně ladit webové stránky na iPadu. Respektive v kombinaci iPad a vývoj na Windows. Na Macu to problém není, stačí spustit iOS Simulator z Xcode. Nedávno jsem dostal tip na zajímavé multiplatformní řešení realizované pomocí iOS aplikace MIHTool.
reklama

Odladíte web pro Firefox, Internet Explorer i WebKit (Chrome a Safari) a poté si jej otevřete na iPadu. Nebo uděláte responsivní web, odladíte jej s povedeným doplňkem Window Resizer v Chrome a potřebujete pořešit iOS (o Androidu schválně mlčím...).

Máte-li počítač od Apple s OS X, je ladění webů na iOS zařízení hodně jednoduché. Jsou v zásadě dvě možnosti. Otevřete si Safari, iPad připojíte USB kabelem k počítači, v Safari na iOS načtete web a v Safari na desktopu zavoláte nabídku Develop.

Nabídne se vám tam zařízení a možnost zobrazení vývojářských nástrojů, tak jak je znáte z klasického Safari. Rozdíl je v tom, že při označování jednotlivých prvků v DOM struktuře nebo použití Console pro JavaScript se vše aplikuje na připojeném zařízení.

Úplně stejně lze ladit, pokud si spustíte iOS Simulator, který je součástí vývojářského balíku Xcode.

Kde je tedy problém? Odmyslíme-li si nepohodlí spojené s tím, že simulátor zabere kus monitoru a iPad či iPhone musíte připojit kablíkem, pak je tu především problém s Windows. Safari ve Windows neumí propojení pro ladění webů s iPadem.

Jak pracovat s MIHTool a ladit weby v iOS bezdrátově

Nedávno jsem dostal tip na zajímavou aplikaci MIHTool – Web Debugger Pro. S její pomocí jste schopni zrealizovat to, co jsem uvedl výše, ale nezávisle na tom, jaký počítač a s jakým operačním systémem používáte. A samozřejmě bezdrátově, stačí připojení na stejnou Wi-Fi. Koukněme se, jak na to:

MIHTool je povedený nástroj

Program MIHTool považuji za jednu z nejužitečnějších pomůcek, jakou jsem v poslední době do iPadu nainstaloval. Nejsem tak při ladění webů pro iPad závislý jen na Macbooku. Navíc MIHTool nabízí další pomůcky.

Když si otevřete stránku pro ladění ve společné síti, máte tam k dispozici odkazy pro vložení JavaScriptu do stránky na iPadu, pro práci s cache a historií, pro ovládání přehrávače, nebo třeba pro zobrazení zdrojového kódu či screenshotu z iPadu. Sledovat lze i výkonnostní charakteristiky stránky.

Program MIHTool si samozřejmě nainstalujete z AppStore. Program se určitě za necelých 14 eur vyplatí, já jej stihl v akci, kdy byl výjimečně zadarmo. Bez poplatku je i nějaká omezenější verze, její limity jsem ale nezkoumal.

Autor článku: Jan Polzer

Tvůrce webů z Brna se specializací na Drupal a Symfony. Obojí také školím spolu se základy SEO. Jsem Acquia Certified Developer a Site Builder a napsal jsem několik knih o Drupalu. Ve volných chvílích cestuji a podnikám výlety. Více se dozvíte na mém firemním webu.

reklama

Komentáře k článku

návštěvník

Na windows by to take slo, kdyby apple sve operacni systemy nelockoval na hardware. Apple je jeden znejuzavrenejsich operacnich systemu a taky to tak vypada.

Přidat komentář

Filtered HTML

  • Povolené HTML značky: <a href hreflang> <em> <strong> <cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <p> <br>
  • Řádky a odstavce se zalomí automaticky.
  • Web page addresses and email addresses turn into links automatically.

Odesláním komentáře souhlasíte s podmínkami Ochrany osobních údajů

reklama
Sledujte Maxiorla na Facebooku

Maxiorel na Facebooku

Poslední komentáře
reklama
Nové diskuze
reklama
Hosting pro Drupal a WordPress

Hledáte český webhosting vhodný nejenom pro redakční systém Drupal? Tak vyzkoušejte Webhosting C4 za 1200 Kč na rok s doménou v ceně, 20 GB prostoru a automatické navyšováním o 2 GB každý rok. Podrobnosti zde.

Knihy o Drupalu

Kniha Drupal 8 Kniha Drupal 7 333 tipů a triků pro Drupal
Více na KnihyPolzer.cz

@maxiorel na Twitteru

Maxiorel na Twitteru