A mobile browser extension for debugging web apps. Based on the open source project Eruda, Mobile DevTools allows you to view the console, DOM elements, network traffic, page source, resources, and more.
Click the extensions's icon in the toolbar or menu to open the overlay. Drag the top menu left & right and tap on a tab to open:
• Elements - Drill down into the DOM tree to see attributes, inline styles, CSS rules, and computed styles.
• Network - Record in detail the network requests being made and inspect the responses.
• Resource - Show local storage, session storage, cookies, scripts, stylesheets, iframes, and image assets.
• Sources - Source code viewer for HTML, JS, and CSS.
• Info - View the current URL, User Agent, and device details.
Mobile DevTools may not work on all websites, depending on the page content's security policies.