Visão geral sobre a ferramenta Stetho (do Facebook) realizada no Android Meetup #41 em 08/10/2016

1. Chrome DevTools + Android = <3
Stetho

2. Olá!
Rodrigo DireitoFelippe Bisca
@phelpzz @stik3nd
Android Dev at 99 Android Dev at 99

3. O que é?
"A debug bridge for Android applications"
Permite aos desenvolvedores Android o acesso ao Chrome Developer Tools

4. Configuração
…app_module/build.gradle
dependencies {
compile 'com.facebook.stetho:stetho:1.4.1'
}
Application
Stetho.initializeWithDefaults(this);

5. Configuração
chrome://inspect

6. Features
! View Hierarchy
! Network Inspection
! Database/Shared Preferences Inspection
! dumpapp

7. View Hierarchy
• View highlighting
• Tap to jump
• View properties
• <fragment> instances virtually
placed in the hierarchy

8. Features
! View Hierarchy
! Network Inspection
! Database/Shared Preferences Inspection
! dumpapp

9. Network Inspection
dependencies {
compile 'com.facebook.stetho:stetho-okhttp:1.4.1'
}
ou,
dependencies {
compile 'com.facebook.stetho:stetho-urlconnection:1.4.1'
}

10. Network Inspection
OkHttp 2.x
OkHttpClient client = new OkHttpClient();
client.networkInterceptors().add(new StethoInterceptor());
OkHttp 3.x
new OkHttpClient.Builder()
.addNetworkInterceptor(new StethoInterceptor())
.build();

11. Network Inspection
• Image preview
• JSON response
• Export to HAR format

12. Features
! View Hierarchy
! Network Inspection
! Database/Shared Preferences Inspection
! dumpapp

13. Database/Shared
Preferences Inspection
• Read/Write SQLite databases

14. Features
! View Hierarchy
! Network Inspection
! Database/Shared Preferences Inspection
! dumpapp

15. dumpapp
• Command-line interface
• Default set of plugins
• Extensible - You may create your
own

16. Features
! View Hierarchy
! Network Inspection
! Database/Shared Preferences Inspection
! dumpapp

17. Obrigado! Perguntas?
Rodrigo DireitoFelippe Bisca
https://github.com/FBisca/stetho-demoProjeto:
@phelpzz @stik3nd
Android Dev at 99 Android Dev at 99