Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Instructions are provided here for the Chrome browser, but similar tools are available for FireFox (FireBug) and IE

  1. Open JavaScript Console



  2. Console Tab
    Note any errors (in red) or warnings (in yellow) you see in the JavaScript console.
    Please include like 10 lines before and after the error to get some context on the problem.
    Sometimes errors will have a stack-trace which can be viewed by clicking on the triangle beside the error. Expand the error and capture the stack trace also.



  3. Network Tab
    Note any network calls that are marked in red.
    Also calls which have Status column numbers not in the 200's are suspicious. 



  4. Network Call Details
    For calls noted in Step-3 collect additional information by clicking on the entry and noting the server response content and headers.



Provide these details while creating JIRAs or discussing about UI issues.

...