Firefox Dev tools

41 views
Skip to first unread message

maie...@gmail.com

unread,
May 30, 2024, 4:24:59 AMMay 30
to zotero-dev
Hi,

I have no experience with web development whatsoever, so I'm not used to using Firefox dev tools for debugging or for anything at all... What are the potential use cases of using Firefox dev tools and how does that look in practice? (I'm referring to this paragraph in the documentation: https://www.zotero.org/support/dev/zotero_7_for_developers#using_the_firefox_developer_tools)

Best,
Denis

XY Wong

unread,
May 30, 2024, 4:29:31 AMMay 30
to zotero-dev
For me, I use the devtools to:

1. execute JS code in the console (or in the RunJS window, depending on you);
2. inspect elements to adjust DOM and debug CSS;
3. jump to the code from the call stack from the console and step through
4. check network requests

maie...@gmail.com

unread,
May 30, 2024, 7:28:28 AMMay 30
to zotero-dev
Thanks.
Can you recommend any good tutorials for this?

XY Wong

unread,
May 30, 2024, 8:00:32 AMMay 30
to zotero-dev
FYR: https://www.youtube.com/playlist?list=PLNYkxOF6rcIAcezfL8q0rjt13ufKseL5X

That's for Chrome's devtools, but basically, it works the same way as Firefox's. 

maie...@gmail.com

unread,
May 30, 2024, 8:13:37 AMMay 30
to zotero-dev
Cool. Thank you!
Reply all
Reply to author
Forward
0 new messages