The fastest way to find bugs in your web page

Open your page with Chrome browser, press the Ctrl-Shift-I keys (if Mac, press the Option-Command-I) -> open the Resources panel -> drill down into the files folders(Images, Scripts or Stylesheets folder), then you will easily find if your page contains bugs. The Chrome browser will mark a red symbol besides a file name if the file contains bugs:

For example, if an image location you uploaded does not match the image path you specified in your markup, the Chrome console tool will mark an red icon besides the image file name under the Images folder.

Debugger panels under the the Console and the Elements tags also contain information that is very helpful for debugging.

Leave a Comment

Your email address will not be published. Required fields are marked *