diff --git a/package-lock.json b/package-lock.json
index bbfd532..2667fe3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "license": "MIT",
       "dependencies": {
         "@ptkdev/logger": "^1.8.0",
+        "eruda": "^3.0.1",
         "filer": "^1.4.1",
         "prism-code-editor": "^1.2.2",
         "prismjs": "^1.29.0",
@@ -1846,6 +1847,11 @@
         "is-arrayish": "^0.2.1"
       }
     },
+    "node_modules/eruda": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/eruda/-/eruda-3.0.1.tgz",
+      "integrity": "sha512-6q1Xdwga4JTr1mKSW4mzuWSSbmXgqpm/8Wa1QGFGfCWRjC0bCQjbS4u06M1te1moucIS3hBLlbSTPWYH2W0qbQ=="
+    },
     "node_modules/es-abstract": {
       "version": "1.22.2",
       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.2.tgz",
diff --git a/package.json b/package.json
index d91f9ff..2283b5d 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
   },
   "dependencies": {
     "@ptkdev/logger": "^1.8.0",
+    "eruda": "^3.0.1",
     "filer": "^1.4.1",
     "prism-code-editor": "^1.2.2",
     "prismjs": "^1.29.0",
diff --git a/src/index.ts b/src/index.ts
index ea1346d..a6201d0 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,7 +1,7 @@
 import './style.less'
 
-import StatusBar from './statusbar.ts'
-import WM from './wm.ts'
+import StatusBar from './statusbar'
+import WM from './wm'
 
 import * as fs from 'fs'
 
@@ -16,3 +16,12 @@ declare global {
 window.statusBar = new StatusBar()
 window.wm = new WM()
 window.fs = new (window as any).Filer.FileSystem()
+
+const params = new URLSearchParams(window.location.search)
+
+async function enableDebug() {
+  const { default: eruda } = await import("eruda")
+  eruda.init()
+}
+
+if (params.get("debug")) enableDebug()
\ No newline at end of file