Integrated Development Environment
- Microsoft Visual Studio
Lightweight Text Editors
Microsoft Visual Studio Code ( VS Code )
The code is prone to errors. You are likely to make errors. To see what error has occurred, you will need to open the developer tools of the browser. Mostly F12 will open developer tools for most of the browsers.
To open developer tools in chrome, press F12 or right click on the webpage and select
inspect. If you are in Mac, press Cmd + Opt + J.
In the figure, as you can see, there is something written in the red line. That is an error. And that is how you will know that some error has occurred.
To open developer tools in Safari, you need to enable the developer tools first.
To do that, open
Preferences -> Advanced. Enable "Show Develop menu in Menubar".
Now Cmd + Opt + C can toggle the developer tools.
Firefox, Opera and Other Browsers
In Firefox, Opera and Other browsers, F12 will open developer tools.
So, in this section, you learned about how to open developer tools in the different browser.