Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

skcript/dev-toolbar

Repository files navigation

devbar logo

Dev Toolbar

Dev Toolbar is a simple utility that runs in the browser to help you glance at your web application's performance.
Originally built for featureOS.

devtoolbar logo

A simple developer toolbar for react based apps.

Dev Toolbar Features

These are the metrics Dev Toolbar shows right now:

  • FPS
  • Memory
  • DOM elements size

Planned

These are some of the planned features. Also submit a new issue over here if you need some more to be incorporated.

  • Chrome Extension
  • Dark and light mode
  • Custom buttons
  • Areas (islands) to render whatever you want

Installation

npm install dev-toolBar

Usage

import React from 'react'
import DevToolBar from 'dev-toolBar'
const App = () => {
 return (
 <div>
 <h1>Hello World</h1>
 <DevToolBar />
 </div>
 )
}

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b feat-{feature-name}
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin feat-{feature-name}
  5. Submit a pull request :D

Sponsored by

featureOS logo

About

A friendly developer toolbar.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

AltStyle によって変換されたページ (->オリジナル) /