Differences

This shows you the differences between two versions of the page.

--- dev:client_coding:developer_tools [2023/05/22 05:30] – created dstillman
+++ dev:client_coding:developer_tools [2024/07/20 03:06] (current) – dstillman
@@ Line 1: / Line 1: @@
 ====== Connecting to Zotero with the Firefox Developer Tools ======
-Since Zotero 7 is based on Firefox 102, it's compatible with the Firefox 102 ESR Developer Tools.
+Since Zotero is based on Firefox, it's possible to use the Firefox Developer Tools to interact with the DOM, set code breakpoints, follow network requests, and more.
-Zotero [[:beta builds]] come with the Firefox DevTools server preinstalled. Pass the ''-debugger'' flag on the command line to start it:
+Zotero 7 beta builds include the Firefox 115 devtools. To start a beta build with the Browser Toolbox open, pass the ''-jsdebugger'' flag on the command line:
 <code>
-$ /Applications/Zotero.app/Contents/MacOS/zotero -ZoteroDebugText -jsconsole -debugger
+$ /Applications/Zotero\ Beta.app/Contents/MacOS/zotero -ZoteroDebugText -jsdebugger
 </code>
-If building Zotero from scratch, pass ''-rd'' to the [[building_the_desktop_app#helper_script|build_and_run helper script]] to rebuild Zotero with the devtools server included and start Zotero with the server running.
+When running Zotero from source, passing ''-d'' flag to the [[dev:client_coding/building_the_desktop_app#helper_script|build_and_run script]] will rebuild (''-r'') with the devtools included and pass ''-jsdebugger''.
-In Firefox 102 ESR, you can then go to about:debugging, add ''localhost:6100'' as a network location, and connect to your running Zotero instance. (If you haven't yet, you'll first need to enable the "Enable browser chrome and add-on debugging toolboxes" and "Enable remote debugging" options in the settings of Firefox's Web Developer Tools.)
-You should use a separate Firefox profile for 102 ESR and disable automatic updates to prevent Firefox from being automatically updated to an incompatible version.