Appearance
Developer commands
FreshOpen dev tools, attach the Chrome DevTools Protocol debugger, take screenshots, inspect the DOM and CSS, run JavaScript, toggle mobile emulation. Designed for plugin authors and agentic coding tools.
Commands to help you develop Community plugins and Themes. Learn more by heading to the Obsidian Developer Documentation.
devtools
Toggle Electron dev tools.
dev:debug
Attach/detach Chrome DevTools Protocol debugger.
bash
on # attach debugger
off # detach debuggerdev:cdp
Run a Chrome DevTools Protocol command.
bash
method=<CDP.method> # (required) CDP method to call
params=<json> # method parameters as JSONdev:errors
Show captured JavaScript errors.
bash
clear # clear the error bufferdev:screenshot
Take a screenshot (returns base64 PNG).
bash
path=<filename> # output file pathdev:console
Show captured console messages.
bash
limit=<n> # max messages to show (default 50)
level=log|warn|error|info|debug # filter by log level
clear # clear the console bufferdev:css
Inspect CSS with source locations.
bash
selector=<css> # (required) CSS selector
prop=<name> # filter by property namedev:dom
Query DOM elements.
bash
selector=<css> # (required) CSS selector
attr=<name> # get attribute value
css=<prop> # get CSS property value
total # return element count
text # return text content
inner # return innerHTML instead of outerHTML
all # return all matches instead of firstdev:mobile
Toggle mobile emulation.
bash
on # enable mobile emulation
off # disable mobile emulationeval
Execute JavaScript and return result.
bash
code=<javascript> # (required) JavaScript code to executeSee also
- Browse all command groups
- Keyboard shortcuts for the TUI