Local
User guide
- Getting Started
Api
Concepts
Configurations
Configuring webhint
Connectors
Development flow integration
Extensions
Formatters
Hints
- Avoid CSS limits
- Avoid HTTP redirects
- axe accessibility check
- Babel configuration hint set
- Compatibility of CSS, HTML and JavaScript features
- Correct `Content-Type` header
- Correct manifest extension
- Correct viewport
- Detect CSS Reflows
- Disallowed HTTP headers
- External links disown opener
- Has web app manifest
- Highest document mode
- HTTP cache
- Leading '.' in `classList.add` or `classList.remove`
- Manifest has name
- Minify JavaScript
- Modern DOCTYPE
- No `createElement` with SVG
- No `P3P` headers
- No broken links
- No byte-order mark
- No Inline CSS Styles
- No protocol-relative URLs
- No small error pages
- No vulnerable libraries
- Nu HTML test
- Optimal compression
- Optimize images
- Performance budget
- Prefixed CSS first
- scoped-svg-styles
- Specify button type
- SSL server test
- TypeScript configuration hints set
- Unneeded HTTP headers
- Use `Strict-Transport-Security` header
- Use `X-Content-Type-Options` header
- Use Apple touch icon
- Use charset `utf-8`
- Use HTTPS
- Use subresource integrity
- Valid `Set-Cookie` header
- Valid `theme-color`
- Valid manifest
- webpack configuration hints set
Parsers
Server configurations
Troubleshoot
- Api
- Concepts
- Configurations
- Configuring webhint
- Connectors
- Development flow integration
- Extensions
- Formatters
- Hints
- Parsers
- Server configurations
- Troubleshoot
Local (@hint/connector-local
)
A local connector to analyze the local files in your project
with webhint
.
Installation
This package is installed automatically when adding webhint to your project so running the following is enough:
npm install hint --save-dev |
To use it, activate it via the .hintrc
configuration file:
{
"connector": {
"name": "local"
},
...
} |
Options
local
allows you to configure the following:
pattern
: Add or ignore files defined in the pattern. By default thelocal
connector will use the following pattern['**', '!.git/**']
. This doesn’t apply if you are targeting just a file or if you are using the optionscontent
.watch
: Runwebhint
in watch mode. Watch files and trigger the analysis on changes.
{
"connector": {
"name": "local",
"options": {
"pattern": ["**", "!.git/**"],
"watch": false
}
},
...
} |
In addition, the local
connector accept a new parameter in the
method collect
that allow you to pass the content to analyze as an string.
To use that property, you need to call to the executeOn
method in
the engine with the content to analyze.
engine.executeOn(url, {content: '{{your content}}'}); |