Mobile DevTools Chrome Extension

 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 extensionss icon in the toolbar or menu to open the overlay. Drag the top menu left & right and tap on a tab to open:
    • Console - View JavaScript logs, errors, warnings, and other debug info. Execute arbitrary JS to interact with the webpage.
    • 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.
    • Snippets - Execute useful JavaScript snippets. If youre a developer and would like to add additional plugins, please visit Erudas documentation at https://github.com/liriliri/eruda and contact the developer of this extension!

Mobile DevTools may not work on all websites, depending on the page contents security policies.

How to install Mobile DevTools chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Mobile DevTools Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Mobile DevTools Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Mobile DevTools in Chrome Webstore Search and click on the search button.
• Step 3: click on the Mobile DevTools Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Mobile DevTools extension for your Chrome Web browser .