A First Glance at Stetho tool

I decided to spend a few hours on Stetho.
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 build.gradle:

dependencies {
    // Stetho core
    compile 'com.facebook.stetho:stetho:1.1.1'

    //If you want to add a network helper
    compile 'com.facebook.stetho:stetho-okhttp:1.1.1'
}
Then in your Application you can enable the tool just adding:
Stetho.initialize(
                    Stetho.newInitializerBuilder(this)
                            .enableDumpapp(
                                    Stetho.defaultDumperPluginsProvider(this))
                            .enableWebKitInspector(
                                    Stetho.defaultInspectorModulesProvider(this))
                            .build());

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

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.


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 !

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 = new OkHttpClient();
        client.networkInterceptors().add(new StethoInterceptor());

        Request request = new Request.Builder()
                .url("https://google.com")
                .build();

        client.newCall(request).enqueue(new Callback() {
            @Override
            public void onFailure(Request request, IOException e) {
                //do something
            }

            @Override
            public void onResponse(Response response) throws IOException {
                //do something
            }
        });
Here the tab:

The Resources tab.
In my sample app I am setting a simple value in the SharedPreferences.
 SharedPreferences.Editor editor = getSharedPreferences("TEST", MODE_PRIVATE).edit();
        editor.putString("name", "Paolo");
        editor.putInt("idName", 12);
        editor.commit();
You can check this value in the navigating in the Local Storage entry.

Also I use a simple SQLiteOpenHelper to manage a very small database with just a table.
private static 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 " +
            ")";

@Override
    public void onCreate(SQLiteDatabase db) {

        db.execSQL(CREATE_DATABASE);
        db.execSQL("INSERT INTO " + TBL_USR + " " + "("+ TBL_USR_CLMN_NAME  +" , " + TBL_USR_CLMN_SURNAME +" , " + TBL_USR_CLMN_CODE  +")" + "  VALUES('PAOLO1','ROSSI1', 233432 )");
        db.execSQL("INSERT INTO " + TBL_USR + " " + "("+ TBL_USR_CLMN_NAME  +" , " + TBL_USR_CLMN_SURNAME +" , " + TBL_USR_CLMN_CODE  +")" + "  VALUES('PAOLO2','ROSSI2', 103213 )");
        db.execSQL("INSERT INTO " + TBL_USR + " " + "("+ TBL_USR_CLMN_NAME  +" , " + TBL_USR_CLMN_SURNAME +" , " + TBL_USR_CLMN_CODE  +")" + "  VALUES('PAOLO3','ROSSI3', 5454331 )");
        db.execSQL("INSERT INTO " + TBL_USR + " " + "("+ TBL_USR_CLMN_NAME  +" , " + TBL_USR_CLMN_SURNAME +" , " + TBL_USR_CLMN_CODE  +")" + "  VALUES('PAOLO4','ROSSI4', 5454444 )");
        db.execSQL("INSERT INTO " + TBL_USR + " " + "("+ TBL_USR_CLMN_NAME  +" , " + TBL_USR_CLMN_SURNAME +" , " + TBL_USR_CLMN_CODE  +")" + "  VALUES('PAOLO5','ROSSI5', 1231232 )");
        db.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.

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

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:

Comments

  1. You should be aware of the type of detox you require since this will determine if the detox you select is appropriate for the task at hand. The efficiency of the shampoos on the market varies. Some are designed to be used on the day of the test because they will only function for a few hours or an entire day at most, but others will have a longer-lasting effect if used regularly. Choose the detox shampoo that offers the most protection for your circumstance. In conclusion, we hope we were able to answer any questions you might have about how to pass a hair follicle drug test. While it can be tricky, it can also absolutely be done!. Visit: https://www.urineworld.com/

    ReplyDelete
  2. Lot of Informative blog are provided here, Happy to read this good post.

    ReplyDelete
  3. Please keep us up to data like this. Thanks for sharing and Keep on writing

    ReplyDelete
  4. I appreciating this great blog. Thank you for posting something good like this

    ReplyDelete
  5. It was definitely informative article you've done. This site is very useful. Thank you

    ReplyDelete
  6. Very descriptive post, I loved that bit. Will there be a part 2?

    ReplyDelete
  7. This article is genuinely a nice one it helps new web users, who are wishing for blogging.

    ReplyDelete
  8. I am regular visitor, how are you everybody?

    ReplyDelete
  9. This post posted at this web page is truly good.

    ReplyDelete
  10. Hello there! I'm really loving this piece of writing and the encouraging comments that have been left here.

    ReplyDelete
  11. Like!! I frequently blog, and I genuinely appreciate your content. My interest has been piqued by the article.

    ReplyDelete
  12. Very nice article and straight to the point. Keep it up, Thank you, so awesome!

    ReplyDelete
  13. This is a great blog post, thanks for sharing. Really excited to read more desire more!

    ReplyDelete
  14. I really enjoyed your blog post. Really excited to read more. Amazingly cool!

    ReplyDelete
  15. I want to express my gratitude for the blog post. Really excited to read more. Great.

    ReplyDelete
  16. Fantastic great post This is a great post, thanks for sharing it. Gratitude again. Awesome.

    ReplyDelete
  17. This website was, how shall I put it? Relevant!! I've at last discovered something useful. Cheers!

    ReplyDelete
  18. I genuinely enjoy reading on this website , it has got great blog posts.

    ReplyDelete
  19. I’ve been exploring for a bit for any high quality articles or blog posts in this kind of area.

    ReplyDelete
  20. I appreciate your article. Really excited to read more. Many thanks.

    ReplyDelete
  21. Excellent post. Really excited to read more. Go on writing.

    ReplyDelete
  22. Hello everyone! I truly enjoy visiting this website because it has helpful information.

    ReplyDelete

Post a Comment

Popular posts from this blog

AntiPattern: freezing a UI with Broadcast Receiver

NotificationListenerService and kitkat

How to centralize the support libraries dependencies in gradle