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

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

PHP DOM loadHTML() method unusual warning -

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