Native Shopify Mobile App with 20 new features
Kickstart your hyperlocal marketplace in Corona pandemic with a starter guide
Android App Development
iOS App Development
Cross Platform App Development
Hire on-demand project developers and turn your idea into working reality.
Big thanks to Webkul and his team for helping get Opencart 184.108.40.206 release ready!
Owner and Founder. Opencart
We all know how to view the source code of any web page or inspect element and other stuff on any browser. This can be done using any browser even Internet Explorer 4 can do that. But what’s new. Just like Android Studio, Chrome is my personal favorite even though both of them combined eats up system ram heavily. Chrome is a powerful tool because of a lot of powerful Chrome apps and developer tools are available and supported.
In this blog, we are going to find out some of the cool features of using Chrome in respect to Android application debugging/inspecting.
One such feature is remote debugging Android devices via chrome developer tools.
If you knows web developement, I am sure your website contains mobile friendly web pages. But there are times when loading your site on mobile doesn’t look or behave as expected. Thus you need a developer tool for mobile as well just like chrome developer tool for website or firebug if in case you are an FireFox lover.
We can do the same for web pages loading on Android devices using Chrome application.
Remote Debugging benefits
There are some requirements to perform remote debugging smoothly viz,
For further reading: Click here
Chrome Developer Tools only enable debugging for chrome app and web views. For debugging your Android application we can use debug bridge like stetho which provide access to the Chrome Developer Tools feature for your application.
Add Stetho dependency in module level gradle
In case you are using okhttp3 network library then to log request and response we can use the following dependency:
For other, Check here
Update application class to initialize stetho with defaults:
Enable network inspection:
On Adding stetho interceptor in your application’s okhttp client you can modify request/response and monitor it accurately. Now we are ready to inspect and debug Application.
Once done with the set-up instructions, just start your app and point your development machine browser to chrome://inspect. Click the “Inspect” button to begin.
Your email address will not be published. Required fields are marked*
Save my name email and website in this browser for the next time I comment.
Be the first to comment.
Enquiry or Requirement
If you have more details or questions, you can reply to the received confirmation email.