Sequential steps to use DevTools
- Open a new browser window
- Open a DevTools window
- Then send the browser new window to a website
I sometimes use the Brave Browser > Developer Tools > Network window to see where the browser “hiccups” or “glitches” ← and you notice a pattern that repeats.
References:
Android users:
- ‘https://developer.chrome.com/devtools/docs/remote-debugging’ ← Remote debug Android devices
- ‘https://developer.android.com/develop/ui/views/layout/webapps/debug-chrome-devtools’ ← Debug using Chrome DevTools
iOS - Using Developer Tools re Safari (iOS) and Brave Browser (iOS):
‘https://developer.apple.com/documentation/safari-developer-tools/inspecting-ios’
Developer Tools guides:
- What are browser developer tools ← Mozilla
- How to Use Chrome Web Developer Tools: Complete DevTools Guide
- Microsoft Edge Dev Tools Documentation
Example of using Developer Tools: