What are browser developer tools/Function key 12?

Every modern web browser includes a powerful suite of developer tools. These tools do a range of things, from inspecting currently-loaded HTML, CSS and JavaScript to showing which assets the page has requested and how long they took to load. These development tools can help you to debug your app while it is running. There is a significant amount of documentation online regarding the browser development tools and this section of the Evoke help will not try to replicate this documentation, however, it does summarise some of the more commonly used F12 functions for you.

The Console

When creating and debugging an app we often leave the F12 window open with the Console displayed. In this console you will be able to see any errors that occur in the running app e.g. a selection that fails, a line of custom code that is wrong, a renamed database column, etc.

The console is also where you can check the value of any piece of data in your app at a specific time.

It is easier to explain this in a short video and you can find this on the left.