How to Debug Variables values in browser dev tools

[djeorges]

Hi all wapplers !

Is there a way to see what’s in my variables with the dev tool of chrome or firefox ?
I’d like to to check with values are setted in.

Thank’s

[George]

Well just open the browser dev tools, go to the console and enter:

dmx.app.data

And you can expand all the app connect data on the page and explore it.

[djeorges]

so easy, thanks a lot!

[UKRiggers]

@George that’s just what I needed to know as well. Thanks.

Are there any other simple little tricks like this that you can share with us?

[baub]

@George

dmx.app.data

That does look like useful information!

[Antony]

And if you have a variable called my_var, you can type

dmx.app.data.my_var

which is super useful.

QUESTION: Is there a way for the display of my_var to be continuously updated without needing to keep typing in dmx.app.data.my_var...?

[Teodor]

Yes, use live expressions in your dev tools
https://developers.google.com/web/tools/chrome-devtools/console/live-expressions

[Antony]

Wow… that is super useful @Teodor… thank you!

[Antony]

@Antony

dmx.app.data.my_var

Been working with a node design and it seems to need the word content inserting…

dmx.app.data.content.my_var

[Teodor]

If you want to access the components on a node content page, then you need to enter content to inspect it. Components on the main page are outside the content:

But this can easily be found by entering dmx.app.data in the console and exploring its content.