Web Debug

Overview

We learn best by doing. And learning how to fix things often teaches just not just what it broken, but HOW things work. Even more importantly, we learn how to critically analayze.
In this activity, we’ll see what debug tools we have available to us, and see if - as a group - we can fix the problem!

Setup

Just navigate to this URL for the Sample Web Page https://git-pages.gccis.rit.edu/swen-344-client-examples-1-rabb-examples-swen-34-8b148dd2427083/quoterx.html

It looks like this:

../web-debug-1.png

But it should look like this:

../web-debug-2.png

Your mission

Use the browser debug tools to:

  1. Find the error
  2. Understand why you get the error
  3. Fix the problem
  4. Verify the fix