Introduction¶
When handling web page issues, the DeepSeek Harness (DSH) Agent usually can only rely on screenshots or natural-language descriptions, making it difficult to deeply investigate DOM structure, network requests, or script logic. BrowserScope embeds a complete Chromium DevTools workbench into DSH and provides the Agent with 30 dedicated tools. The Agent can now directly read page structure, operate elements, view the Console, track requests, set breakpoints, parse Source Maps, and record the before-and-after state of operations, moving from basic clicking and scrolling to deep breakpoint debugging and performance-bottleneck localization.
Plugin Positioning¶
This is a community plugin independently developed by HakureiMonika and compatible with DSH 0.1.5-rc.2. It does not modify the core code of DeepSeek Harness and supports coexistence with multiple plugins.
Installation and Configuration¶
Before installing, ensure the environment meets the following requirements:
* Node.js version: ^22.19.0 or >=24.0.0
* The DSH Web Profile has started successfully
Run the following command to install version 1.0.0-rc7:
dsh plugin --profile web add dsh-browser-scope@1.0.0-rc7 --ignore-scripts --config.auto-install-peers=false
Enable the plugin in the Profile’s cordis.patch.yml:
- insert:
- id: browser-tools
name: dsh-browser-scope
Core Capabilities¶
BrowserScope provides a toolset covering browsing, debugging, networking, performance, and other dimensions:
- Browsing and operation: Supports tab management, page navigation, snapshot reading, element click/input/hover, scrolling, screenshots, file upload/download, and more.
- Debugging and source code: Supports breakpoint control, step execution, call-stack viewing, variable reading, and Source Map resolution through the CDP Debugger.
- Network monitoring: Captures Console logs, network request lists, and request/response bodies, and supports request interception, resending, mock responses, and automatic timeout recovery.
- Diagnostics and performance: Supports saving Checkpoints and comparing them to generate diagnostic reports, collecting CPU/memory profiles, and analyzing traces.
Typical Usage¶
- Identifying layout breakage: The Agent calls
browser_snapshotto read the DOM structure and finds that a container’sdisplayproperty has been modified by an asynchronous script. Then it usesbrowser_debuggertogether with the Source Map to locate the original code position and identifies a state-update timing issue. - Reconstructing online errors: The Agent uses
browser_debuggerto pause the script, reads the Source Map to map minified code back to the original file line and column (such assrc/api/fetchUser.ts:23:15), and identifies missing error handling for asynchronous requests. - Capturing request override: The Agent calls
browser_network_requeststo capture the/api/userrequest and finds that two requests were issued simultaneously, but the earlier request’s response arrives 200 ms later, causing the newer request’s result to be overwritten. - Comparing page layouts: The Agent uses
browser_split_viewto load two pages with different Viewports simultaneously, reads the positions of key elements withbrowser_snapshot, and discovers that a mobile button is obscured.
Notes¶
- Unofficial plugin: This is an independently developed community plugin, not a plugin released, maintained, or endorsed by DeepSeek.
- Development status: The plugin is still under development. If you encounter a bug or an unexpected situation, please report it to the developer through an issue.
- Session selection: Before using the browser for the first time in each formal Session, select BrowserScope in the “Browser” menu in the input area. Once selected, that Session remains locked to BrowserScope; other Sessions can make independent selections.
- Upgrade notice: When upgrading from the legacy package
dsh-browser-tools, remove the old package first. Keepid: browser-toolsand$DSH_HOME/browser-tools, and do not install the two packages at the same time.
Summary¶
DSH BrowserScope gives the Agent browser debugging capabilities, addressing the pain point in web tasks where the Agent “can see but cannot precisely debug”. For DSH users who need to deeply investigate frontend issues or perform complex network operations, this is a practical toolbox. More details can be found in the GitHub repository.