Browser Developer Tools for Non-Developers

  1. What are browser developer tools?
  2. How do I use browser developer tools?
  3. How can I customise the tools to my needs?
  4. Tools for different tasks
    1. Accessing and analysing web content with the Inspector tool
    2. Changing web content using the Elements tool
    3. Analysing network traffic and access web content simpler using the Network tool
    4. Simulating different devices
    5. Taking screenshots
    6. Finding and analysing problems in web products using the Issues tool
    7. Read and change Cookie data
    8. Advanced editing: accessing the web using the Console tool