Chrome DevTools
The ________ panel gives us valuable javascript error information - a message from the browser that we have, sadly , written some buggy code. We might for instance, have misspelled a Javascript Keyword tried to access the property of a null element ( in trying to get an element with an incorrect id, say) or attempted to access an element of an array that doesn't exist
Console
The _________ panel is the default panel which comes up when one right-clicks on a DOM element on the page. While not strictly javascript this panel is great for finding the id of an element and looking at its associated CSS styling.
Elements
The _______ panel, which is especially useful when debugging Javascript Ajax functionality
Network
The __________ panel which is useful for checking on SSL security on a page.
Security
the ________ panel of chrome's Dev tools gives us the opportunity to add breakpoints ("pause" in our code, where the browser will let us stop to review how things are going) to step through the execution of our code and to watch the values of any given variable or expression. Tracking down that bug in your thousands of lines of Javascript code gets much easier if you can have the browser let you check the values of some variables each time you run through the loop and check out the current state of an array.
Source
The ________ panel which can be used to diagnose the time required for various sections of a page to load or complete
Timeline
Information about HTML elements and their CSS styling are dynamic in this panel: changes we make via javascript - changing the text color, adding order-list elements are reflected in real time in the _________ panel
elements
Google chrome's browser offers a wide range of tools useful to front end developers. By right clicking and choosing _________ from the context menu we open a set of panels- positioned by default at the bottom of the browser- by which we can inspect markup code, access the Javascript console, via network activity, set breakpoints, and find other useful resources as we create and debug our javascript code.
inspect