diff --git a/web/i18n/en/settings.json b/web/i18n/en/settings.json
index fba788e2..9004c1f8 100644
--- a/web/i18n/en/settings.json
+++ b/web/i18n/en/settings.json
@@ -105,6 +105,10 @@
     "advanced.debug": "debug",
     "advanced.debug.title": "enable debug features",
     "advanced.debug.description": "gives you access to a page with various info that can be useful for debugging.",
+    "advanced.debug.device": "device",
+    "advanced.debug.app": "app",
+    "advanced.debug.settings": "settings",
+    "advanced.debug.version": "version",
 
     "advanced.data": "settings data",
 
diff --git a/web/src/routes/settings/debug/+page.svelte b/web/src/routes/settings/debug/+page.svelte
index 71079369..1e801cb4 100644
--- a/web/src/routes/settings/debug/+page.svelte
+++ b/web/src/routes/settings/debug/+page.svelte
@@ -2,11 +2,35 @@
     import { onMount } from "svelte";
     import { goto } from "$app/navigation";
 
+    import ActionButton from "$components/buttons/ActionButton.svelte";
+    import CopyIcon from "$components/misc/CopyIcon.svelte";
+
+    import { t } from "$lib/i18n/translations";
+    import { copyURL } from "$lib/download";
     import { version } from "$lib/version";
     import { device, app } from "$lib/device";
     import { defaultNavPage } from "$lib/subnav";
     import settings, { storedSettings } from "$lib/state/settings";
 
+    $: sections = [
+        { title: $t("settings.advanced.debug.device"), data: device },
+        { title: $t("settings.advanced.debug.app"), data: app },
+        {
+            title: $t("settings.advanced.debug.settings"),
+            data: $storedSettings,
+        },
+        { title: $t("settings.advanced.debug.version"), data: $version },
+    ];
+
+    let lastCopiedSection = -1;
+    let lastCopiedSectionResetTimeout: ReturnType<typeof setTimeout>;
+
+    $: if (lastCopiedSection) {
+        lastCopiedSectionResetTimeout = setTimeout(() => {
+            lastCopiedSection = -1;
+        }, 1500);
+    }
+
     onMount(() => {
         if (!$settings.advanced.debug) {
             goto(defaultNavPage("settings"), { replaceState: true });
@@ -16,25 +40,25 @@
 
 {#if $settings.advanced.debug}
     <div id="advanced-page">
-        <h3>device:</h3>
-        <div class="message-container subtext">
-            {JSON.stringify(device, null, 2)}
-        </div>
-
-        <h3>app:</h3>
-        <div class="message-container subtext">
-            {JSON.stringify(app, null, 2)}
-        </div>
-
-        <h3>settings:</h3>
-        <div class="message-container subtext">
-            {JSON.stringify($storedSettings, null, 2)}
-        </div>
-
-        <h3>version:</h3>
-        <div class="message-container subtext">
-            {JSON.stringify($version, null, 2)}
-        </div>
+        {#each sections as { title, data }, i}
+            <h3>{title}:</h3>
+            <div class="message-container subtext">
+                {JSON.stringify(data, null, 2)}
+            </div>
+            <ActionButton
+                id="copy-button"
+                click={() => {
+                    clearTimeout(lastCopiedSectionResetTimeout);
+                    lastCopiedSection = i;
+                    copyURL(JSON.stringify(data, null, 2));
+                }}
+            >
+                <CopyIcon />
+                {lastCopiedSection === i
+                    ? $t("button.copied")
+                    : $t("button.copy")}
+            </ActionButton>
+        {/each}
     </div>
 {/if}