Developer Tools

What is a valid keyboard shortcut to open developer tools using Chrome?

• Ctrl + Shift +P

• F12

• Ctrl + D

• Alt + F4

The latest versions of all Chromium-based browsers use WebKit 16 as browser engine.

• True

• False

Using the Elements tab, we can set a breakpoint to stop JS execution when an attribute of an element is changed

• True

• False

Using the Elements tab, we can change an input’s type from date to datetime-local

• True

• False

Which dev tools tab should be used to check the errors thrown by the application?

• Elements

• Console

• Errors

• Application

Accessibility is a measurement of the application’s ability to be easily discoverable by search engines.

• True

• False

Code minifying is a process used by developers to try to write as few JavaScript functions as possible to reduce application load time.

• True

• False

Network tab enables us to:

• Inspect response headers of HTTP requests

• Get analytics to see how many users are using the application

• Throttle the CPU to simulate an older or underpowered device

• All answers are correct

Largest contentful paint metric measures:

• Time for painting the largest content visible for the user

• Time for painting the entire page content that the user can see

• Time until the user can see the first picture on the page

• No answer is correct

Using the local storage can be risky because:

• Stored data is sent to the server within each HTTP request

• Users can manually change the content of stored data.

• Stored data is volatile, and it’s lost when the session is terminated.

• Stored data is encrypted by default, which adds further complexity to the application.