DevTools Extension vs Web Inspector Usage & Stats

DevTools extension for web developer in Safari: 1，Console - allow us to see errors, run commands, examine variables, and much more. 2，Elements - view dom node and computed style 3，Network - network requests and responses 4，Resources - view localStorage, sessionStorage, cookies, scripts, css and images. 5，Source - source code of webpage

Apple App Store
Free
Developer Tools

Store Rank

- -

Web Inspector

### Please refresh the page if you tap the "i" button and nothing happens ### Web Inspector expands Mobile Safari with a set of web development tools: DOM: View, inspect, edit, and search the elements that make up the DOM of a webpage. Elements: See the details about the webpage’s nodes and styles. Console: Type JavaScript commands in the console to debug, modify, and get information about your webpage. You can also see logs, errors, and warnings emitted from a webpage. Network: See a detailed list of network requests and responses made from a webpage. Resource: Find details about the data stored by a webpage such as cookies, local storage, and session storage.