Android Mobile Apps – Inspecting; Debugging and Analyzing With Chrome (32+) – Mobile Automation Video Lecture | Mobile App Testing: Learn and Master - Software Testing

hi friend welcome to video tuition the
experience of your web content on mobile
devices can operate very differently
than what user experience on the desktop
in this tutorial I am going to talk
about the solution to get a bug-free
page that behaves perfectly across all
the devices by using google chrome dev
tools on development machine to inspect
debug and analyze browser tabs and web
views on your android device
we are going to cover following
subtopics in this short technical
tutorial Android SDK set up mobile
device setup chrome installation remote
debugging with chrome and Chrome
screencasting option so let's first
start with Android SDK setup now if you
don't have entered SDK download full
setup from the link mentioned on the
screen and unzip it to your local
machine of the folder hierarchy inside
Android main folder you will see SDK sub
folder and then platform tools and tools
sub folder please note the location of
these folders which would be needed in
subsequent section
before we proceed further we have to
configure environment variables for
Android if it's not already safe please
note this is one time configuration
setup to set up environment variables go
to control panel and then system click
on advanced system settings and then
click on environment variables at the
bottom of system properties window in
environment variables window click on
new button under user variables and set
android home variable which is a
location of SDK folder under the main
Android SDK folder then in system
variable look at path variable and then
click on edit append the location of
tools and platform tools subfolder of
SDK folder here and click on OK button
to enable developer option in Android
phone go to settings developer options
and then select stay awake and USB
debugging checkbox it will prompt for
USB debugging confirmation click on OK
button to proceed
once the developer option is set in
mobile connect mobile device to computer
to make sure your mobile device is
recognized by machine go to command
prompt and type adb devices which should
give you mobile device ID if the device
ID is not displayed in command prompt
then either developer option in phone is
not enabled or correct mobile USB driver
is missing on computer once the Android
and mobile device a tab is completed
next task is to check for Google Chrome
browser for inspecting debugging and
analyzing Android applications you need
to have chrome 32 or later version
installed on your computer you can check
the chrome version by typing Chrome
colon slash slash Watson in Chrome
browser if you don't have chrome 32 or
later version installed download it from
Google
on your desktop Chrome browser go to
Chrome colon slash slash inspect
alternatively you can select chrome menu
tools inspect devices once the page is
loaded confirm that discovered USB
devices is checked once you have set up
your device for debugging over USB the
chrome inspect page displays every
connected device along with its open
tabs and debug enabled web views open
new browser tabs on the remote device by
typing the URL in the next input field
and then click open when inspecting a
remote browser tab in Chrome for Android
the element you are mousing over in the
dev tools window will get highlighted on
your device in real time starting
Android 4.4 you can also use chrome dev
tools to debug the content of Android
web views inside native Android
applications
screencasting lets you bring the
experience of your device on to your
machine this allows you to keep your
attention on one screen stead of
switching back and forth between the
device and the dev tools starting KitKat
4.4 screencasting is now also available
for Android web views while debugging a
remote device you will see a screen cast
icon in the dev tools toolbar clicking
on the screencast icon opens up a panel
on your computer display your device
screen you can interact with the screen
cast of your device in a number of ways
like type click scroll zoom etc
thanks for watching my video if you find
this tutorial useful please click on
like button and do share it with your
friends you would also like to subscribe
to my channel or visit my website
whose URL is flashing on top of this
video for getting the latest update