Chrome DevTools

Réussis tes devoirs et examens dès maintenant avec Quizwiz!

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


Ensembles d'études connexes

MKTG 310 Exam 2 Chapter 9 - Learning, Memory, and Product Positioning

View Set

Chapter 20: Complementary and Alternative Therapies, Chapter 21: Pain Management, Comfort, Rest, and Sleep

View Set

Sem. 1 Unit 6 Circles Without Coordinates

View Set

Fundamental Principles of Taxation - CH1

View Set

Microbio Skin and Eye Infection Case Studies

View Set