Google toont Chrome DevTools for Mobile in Chrome 32 bèta

De bètaversie van Chrome 32 bevat nieuwe developer tools die het eenvoudiger moeten maken om websites en -apps aan te passen voor mobiele apparaten. Zo kan het gedrag van mobiele apparaten geëmuleerd worden op de desktopbrowser.

De DevTools for Mobile zouden het voor ontwikkelaars eenvoudiger moeten maken om webapps en sites te testen en debuggen dankzij de screencastfunctionaliteit. Daarbij kan een Android-smartphone via usb op een pc of laptop worden aangesloten om te bekijken hoe de code draait op een mobieltje.

Daarnaast kan in de Chrome-browser op de desktop een mobiel Android-apparaat geëmuleerd worden, waarbij touch- en sensorinput zijn meegenomen. Verder bevat de browser usb-discovery, zodat aangesloten apparaten automatisch herkend worden. Google heeft de nieuwe ontwikkelfunctionaliteit ingebouwd in de bèta van Chrome 32 en die is beschikbaar op Windows, OS X, Linux en Android.

Reacties (14)

In dit filmpje vind je meer informatie.
Ik moet zeggen dat ik behoorlijk onder de indruk ben...

Heb de laatste Chrome BETA geinstalleerd, maar krijg geen HTC One X te zien als ik naar chrome://inspect/#devices ga. Moet ik nog wat instellen op mijn telefoon? Kan het nergens vinden.

Welk OS? Onder Windows moet je usb-drivers installeren volgens het bronartikel.

euh meestal niet, het ligt soms aan de kabel die je gebruikt. Sommige kabels installeren op een 1 of andere manier niet altijd de plug and play drivers.

Windows ADB/usb drivers zijn een ramp, ik gebruik de universele drivers:

http://koush.com/post/universal-adb-driver

Werkt als een trein. Mocht je met een recente versie van cyanogenmod werken (of een afgeleide) vergeet niet Developers opties in te schakelen via settings>about phone en dan 7 maal op build number drukken. Je krijgt dan het Developersmenu beschikbaar zodat je USB debugging kunt aanzetten.

Zelfs met de Universal-adb-driver werkt het niet.. Krijg niets te zien via chrome://inspect/#devices, debugging staat aan op Cyanogenmod.

Ook mijn stock N7 2013 ziet hij niet..

Wil dit wel aan de praat krijgen aangezien ik deze tool goed kan gebruiken!

[Reactie gewijzigd door Whisky op 5 december 2013 08:30]

Je moet de Canary build gebruiken.

Volgens mij mis ik iets:

Daarnaast kan in de Chrome-browser op de desktop een mobiel Android-apparaat geëmuleerd worden, waarbij touch- en sensorinput zijn meegenomen.

Dit kan toch al veel langer? Via de devtools override kan je allang touch event emuleren, device orientation overriden...

Misschien wel, maar echt super werkt dat allemaal niet. Ik ben hier wel blij mee!

Google timmert hard aan de weg met Chrome, ik was lange tijd geen liefhebber van Google Chrome en gebruikte Firefox, maar ik ben laatst toch overgestapt vanwege de goede integratie op Android en sinds kort met mijn Chromebook.

Ik denk dat we Google wel enigzins mogen bedanken, omdat door mede door hen het internet in een rap tempo evoluleert.

Ik werk hier al een tijdje mee inderdaad en het werkt als een trein. De opties zaten ook al gedeeltelijk in vorige versies, maar zitten nu niet meer verstopt in het instellingen menu en werken veel accurater.

Waar ik voor vorige mobiele sites nog constant zat te wisselen tussen telefoon en browser om dingen te checken kon ik nu de site helemaal bouwen in Chrome en pas tijdens de eindtest het rijtje mobieltjes erbij pakken.

Nog een super kleine feature die is toegevoegd: als je een mobiel emuleert zie je door een 'schaduw' rond het emulatie-venstertje in real-time waar de pagina uitsteekt.

Dit zou echt enorm helpen! Apple heeft al langer voor Safari een combinatie zodat je via de Desktop de inspector op je iOS device kan gebruiken.

Adobe Edge Code kan dit ook al =) Bron: http://html.adobe.com/edge/inspect/