Tip: Ako debugovat mobilny web

5. 3. 2015 09:30:25

Ahojte, vzdy mi vadilo ze nie je mozne spravne debugovat mobilny web lebo skratka nemate k dispozicii Firebug pre mobil a musite casto hladat a neustale skusat ci zmeny funguju ako maju, lebo nie vzdy staci zmenit velkost okna na desktope.

A uplnou nahodou som natrafil na funkciu v Google Chrome kde Chrome paradne nasimuluje mobilne zariadneie a navyse ku tomu mate aj vyvojarske nastroje Chromu takze si mozete pekne skontrolovat CSSko, rozmery a podobne.

Staci ked si zobrazite vyvojove nastroje(F12 a kliknete na ikonu mobilu v lavom hornom rohu). Nejak som to doposial ignoroval takze mozno som objavil ameriku ale naozaj je skvele ze Chrome nasimuluje konkretne zariadenie/OS aj user agent. Proste to co mi tu neustale chybalo je tu zrejme po cely cas.

Ale tuto srandu si nevsimol nikto z mojho okolia, tak mozno viac ludi to prehliadlo a preto chcem len dat tip ze to existuje a je to pecka :D

5. 3. 2015 09:30:25

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/tip-ako-debugovat-mobilny-web/#reply1096253

Marián

(4 hodnocení)

5. 3. 2015 09:45:31

Jasne, to uz ma v sebe Chrome dlho. Nieco podobne, ale v zjednodusenej forme ma aj Firefox (CTRL + SHIFT + M).

5. 3. 2015 09:45:31

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/tip-ako-debugovat-mobilny-web/#reply1096252

darksir

(1 hodnocení)

5. 3. 2015 09:50:16

Napsal hFOUr;1174187
Nieco podobne, ale v zjednodusenej forme ma aj Firefox (CTRL + SHIFT + M).

Wow, to se bude hodit, diky za tip

5. 3. 2015 09:50:16

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/tip-ako-debugovat-mobilny-web/#reply1096251

Vladimír Smitka

(4 hodnocení)

5. 3. 2015 11:08:58

Já používám toto:

MIHTool Pro - Web Debugger on the App Store on iTunes

5. 3. 2015 11:08:58

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/tip-ako-debugovat-mobilny-web/#reply1096250

node

(5 hodnocení)

5. 3. 2015 11:28:59

hFOUr - vdaka za tip. Nevyzera to tak premakane ako na Chrome ale urcite to vyuzijem.

5. 3. 2015 11:28:59

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/tip-ako-debugovat-mobilny-web/#reply1096249

Filip Vostatek

5. 3. 2015 11:48:11

Ve FF je to pro mobily de facto nepouzitelne, zmeni to sice rozliseni ale nenastavi to user-agent nebo kyho vyra(nepamatuju si, ktery je to header) a rendering je stejny jak na PC.

V chromu je to o poznani lepsi, tam je to skoro verna emulace, i kdyz i tam se najdou veci, ktere to neumi. Typicky treba font size auto adjust, ktery clovek uvidi treba na ipadu, ale emulator to neumi.

5. 3. 2015 11:48:11

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/tip-ako-debugovat-mobilny-web/#reply1096248

Pro odpověď se přihlašte.

Přihlásit