webhint browser extension
npm install @hint/extension-browserUse webhint directly from your browser DevTools to get feedback while debugging.
As of 2021, webhint is included by default in Edge DevTools. With DevTools
open, webhint will analyze sites automatically, and results and recommended
fixes will appear in the Issues tab. Additionally, underlines in the Elements
tab show which parts of the codebase are affected. To learn more, visit the
Microsoft Edge documentation.
!webhint integration into Edge DevTools
The webhint browser extension provides a visual interface within DevTools that
allows you to run and re-run site scans that test against all browsers and
all hint types or to just a select few.
!The webhint browser extension running against webhint.io.
To install the browser extension, click one of the links below and follow the
installation instructions.
> Note: The links below redirect to externally-hosted storefronts.
- webhint browser extension for Google Chrome
- webhint browser extension for Microsoft Edge (Chromium)
- webhint browser extension for Mozilla Firefox
Open DevTools in the browser. Once the webhint extension is installed, it will
appear as a tab within DevTools. From here, you can customize the scan by
selecting which hint categories, browsers, or resources to include or exclude.
Click "Start scan" to begin scanning the site.
!Choosing settings for a webhint site scan.
To contribute to the extension please read the [CONTRIBUTING.md][contributing]
file of the package.
[contributing]: https://github.com/webhintio/hint/blob/main/packages/extension-browser/CONTRIBUTING.md