How to access devtools for debugging projects

#1

@sethi what steps are you taking to get those browser tools? how can I get access to tools like the picture youve shown ? you are using firefox?

Is the reason mine is also failing?

Your project link(s)
https://repl.it/@greykrav/boilerplate-project-urlshortener#README.md

solution: https://boilerplate-project-urlshortener.greykrav.repl.co/

I tried also with firefox my view only looks like this, how can I get the same view as yours? thank you

Edit: ok now I see the request details pane appears when you click on a network request in the request list

1 Like
Demo projects hosted at freeCodeCamp.rocks are down
#2

There’s a number of ways to bring up DevTools.

  • The most common way is probably just hitting F12 on your keyboard.
  • Your browser menu probably has an option for opening DevTools with various panes in focus:
    screenshot of Chrome toolbar on MacOS
    screenshot of Chrome toolbar on MacOS831×465 88.3 KB
  • You can right-click a page and click the option that says something along the lines of “inpect”
    screenshot of context menu for Chrome
2 Likes
#3

was not asking how to access dev tools, but thank you.