HTML Debugging in Firefox

Q

How to debug HTML source code in Firefox?

✍: FYIcenter.com

A
In the old days, debugging HTML source code issues is not easy. You need to make some changes in the HTML source file, push it to the Web server, and refresh the Web page in the browser to see result of changes. There too many steps and takes too long to complete one test cycle.

Now, the latest Firefox browser provide built tools to let you edit the HTML source code and see results simultaneously in the browser.

Here are the main steps to debug HTML source code in Firefox:

  • Load the Web page in Firefox.
  • Highlight the area where the issue is located.
  • Press Ctrl-Shift-C. A new window called "Inspector" will show up with HTML source code included.
  • Now you can make changes in the source code. Firefox will automatically update the browser window showing you the result of the change.

2015-05-16, 484👍, 0💬