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

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

python - How to create jsonb index using GIN on SQLAlchemy? -

c# - TransactionScope not rolling back although no complete() is called -