I decided to spend a few hours on
Stetho[1].


Stetho is a sophisticated debug bridge for Android applications.






How to enable it


It is very simple to enable Stetho.


Just add these lines to your
buildgradle: 

Dependencies / / Stetho core compile 'com. Facebook. Stetho: Stetho: 1.1.1' / / If you want to add a network helper to compile 'com. Facebook. Stetho: stetho - okhttp: 1.1.1'

Then in your Application you can enable the tool just adding: 

StethoinitializeStethonewInitializerBuilderenableDumpappStethodefaultDumperPluginsProviderenableWebKitInspectorStethodef aultInspectorModulesProviderbuild

In my simple application, I have a network call with okhttp-client , a simple value in the shared preferences, and a small db with one table.


Now the last step: Run the application and just open Chrome on your pc (where the device is plugged).


In your chrome just navigate on
chrome://inspect


[2]


As you can see in the image you can see 2 apps running in my device (I love Nexus4 for this kind of tests….)

  • Chrome
  • My Stetho Test App

How can I use it


Here you can open a magical world… clicking the
inspect link.





First of all you can see the
elements tab.





[3]


Here you can navigate in the elements inside your Activity……


Here a first surprise… clicking on the entry on the tab, the element is highlighted on the device !


[4]


The
network tab.


If you work with the Chrome Developer Tools, you know it very well. Here you can see the network calls with their data.


In my app I do a simple call with okhttp

OkHttpClient client OkHttpClient
        clientnetworkInterceptorsStethoInterceptorRequest request RequestBuilder"https://google.com"build

        clientnewCallrequestenqueueCallback@Overridepublic onFailureRequest requestIOException//do something@Overridepublic onResponseResponse response throws IOException//do something

Here the tab:


[5]


The
Resources tab.


In my sample app I am setting a simple value in the SharedPreferences. 

SharedPreferencesEditor editor getSharedPreferences"TEST" MODE_PRIVATE editorputString"name""Paolo" editorputInt"idName"  editorcommit

You can check this value in the navigating in the Local Storage entry.


[6]


Also I use a simple SQLiteOpenHelper to manage a very small database with just a table.

privatestatic final String CREATE_DATABASE "CREATE TABLE " TBL_USR 
            TBL_USR_CLMN_ID " INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL, "
            TBL_USR_CLMN_NAME " TEXT NOT NULL, "
            TBL_USR_CLMN_SURNAME " TEXT NOT NULL, "
            TBL_USR_CLMN_CODE " INTEGER NOT NULL DEFAULT 0 "@Overridepublic onCreateSQLiteDatabaseexecSQLCREATE_DATABASEexecSQL"INSERT INTO " TBL_USR  TBL_USR_CLMN_NAME   TBL_USR_CLMN_SURNAME  TBL_USR_CLMN_CODE  "  VALUES('PAOLO1','ROSSI1', 233432 )"execSQL"INSERT INTO " TBL_USR  TBL_USR_CLMN_NAME   TBL_USR_CLMN_SURNAME  TBL_USR_CLMN_CODE  "  VALUES('PAOLO2','ROSSI2', 103213 )"execSQL"INSERT INTO " TBL_USR  TBL_USR_CLMN_NAME   TBL_USR_CLMN_SURNAME  TBL_USR_CLMN_CODE  "  VALUES('PAOLO3','ROSSI3', 5454331 )"execSQL"INSERT INTO " TBL_USR  TBL_USR_CLMN_NAME   TBL_USR_CLMN_SURNAME  TBL_USR_CLMN_CODE  "  VALUES('PAOLO4','ROSSI4', 5454444 )"execSQL"INSERT INTO " TBL_USR  TBL_USR_CLMN_NAME   TBL_USR_CLMN_SURNAME  TBL_USR_CLMN_CODE  "  VALUES('PAOLO5','ROSSI5', 1231232 )"execSQL"INSERT INTO " TBL_USR  TBL_USR_CLMN_NAME   TBL_USR_CLMN_SURNAME  TBL_USR_CLMN_CODE  "  VALUES('PAOLO6','ROSSI6', 4443343 )"

You can navigate on the data on the WebSQL entry.


[7]


And you can run queries on your db… (!)


[8]


Of course it is only a first glance at this tool but it is enough to check the power of this debug tool.






You can get code from GitHub[9]