debugging web page css on an android phone -
we can use inspect element/mobile device emulator in chrome add/edit css on live sites , see how site behaves. possible same directly on android phone or tablet, somehow?
i have been asked improve site (but don't have server access) have noticed navigation behaves differently in chrome emulator , on android devices. (it might javascript interferes or on phone not picked in emulator)
if you're running modern version of chrome, can use remote debugging feature android devices. require:
- chrome 32 or later installed on development machine.
- a usb cable connect android device.
- for browser debugging: android 4.0+ , chrome android.
- for app debugging: android 4.4+ , webview configured debugging.
the full details documented @ linked page google's documentation, process consists of connecting device computer, enabling adb debugging, , navigating chrome://inspect
in chrome on computer. there, you'll able use inspector on desktop chrome instance debug pages within mobile chrome instance.
Comments
Post a Comment