Skip to content

Explained in few steps what should one do in order to be able to inspect mobile (iOS and Android) app

Notifications You must be signed in to change notification settings

st1p3kolovrat/InspectMobileAppsViaBrowser

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 

Repository files navigation


#Few simple steps to inspect the mobile application (iOS and Android) in development

##iOS

STEP 1: Install the app on your iOS device

STEP 2: On iOS device, enable Web Inspector

Settings -> Safari -> Advanced -> Web Inspector

2step

STEP 3: Open up the app you want to inspect

STEP 4: Connect the iOS device and your computer with Lightning Cable

STEP 5: On your mac, Open Safari browser

  • Click Develop

3step1

  • Click YOUR_PHONE -> index.html

3step_2

  • You may choose between various choices, e.g. Console, Network to watch out for possible errors during apps user interaction, or to check responses

3step_3

##

##Android is 3

STEP 1: Install application to your Android device. You usually have release and debug versions. Make sure it is debug version.

Note: If you install release version you will not be able to inspect the app

STEP 2: On Android device, enable Developer options

Settings -> About phone -> Tap multiple times on Build number -> Tap back -> Tap Developer options -> Enable Android debugging

1

STEP 3: Open up the app you want to inspect

STEP 4: Connect the Android device and your computer with cable

STEP 5: On your computer, Open Chrome browser

Right click -> Inspect -> dev tools icon -> More tools -> Inspect devices -> Click on Connected device -> Click Inspect

About

Explained in few steps what should one do in order to be able to inspect mobile (iOS and Android) app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published