24 lines
810 B
Markdown
24 lines
810 B
Markdown
# @wrnexus/dev-toolbar
|
|
|
|
Development-only page quality toolbar for WRNexusJS.
|
|
|
|
## Features
|
|
|
|
- Runtime, resource and unhandled promise error capture
|
|
- Accessibility, SEO, image, media, color, HTML, form, link, responsive and security checks
|
|
- Performance and network observations
|
|
- Element highlighting and issue filtering
|
|
- Server-side issue collector
|
|
- Development-only asset strings for direct serving by `@wrnexus/dev-server`
|
|
- Safe open-in-editor helper
|
|
|
|
## Dev-server integration
|
|
|
|
Serve `DEV_TOOLBAR_RUNTIME` at `/__wrnexus/dev-toolbar.js` and `DEV_TOOLBAR_CSS` at `/__wrnexus/dev-toolbar.css`, then inject this before `</body>` in development:
|
|
|
|
```html
|
|
<script type="module" src="/__wrnexus/dev-toolbar.js" data-wrnexus-dev-toolbar></script>
|
|
```
|
|
|
|
The browser runtime exposes `window.__wrnexusDevToolbar`.
|