@hint/hint-https-only
v2.4.27
Published
hint that that checks if your site is using HTTPS and if it has mixed content.
Downloads
156
Readme
Use HTTPS (https-only
)
https-only
checks if your site is using HTTPS and warns against
having mixed content.
Why is this important?
HTTPS is important to guarantee content integrity. Even when your site doesn't have sensitive information, an attacker can change the content or inject malicious scripts (like a crypto miner to use your user's CPU power).
Also, certain browser features are only available if the site is on HTTPS.
What does the hint check?
This hint checks two things:
- The main target is served using HTTPS
- If the main target is an HTML file, all its resources should be on HTTPS too
- If there are any redirects accessing the resources, it will validate all of them are done over HTTPS
Examples that trigger the hint
If your site is not served using HTTPS.
hint http://example.com
If your site is served using HTTPS, but one or more resources use HTTP.
<body>
<img src="http://example.com/image.png" />
<script src="http://example.com/script.js"></script>
</body>
Examples that pass the hint
Your site is served using HTTPS and its resources too.
<body>
<img src="https://example.com/image.png" />
<script src="https://example.com/script.js"></script>
</body>
How to use this hint?
This package is installed automatically by webhint:
npm install hint --save-dev
To use it, activate it via the .hintrc
configuration file:
{
"connector": {...},
"formatters": [...],
"hints": {
"https-only": "error",
...
},
"parsers": [...],
...
}
Note: The recommended way of running webhint is as a devDependency
of
your project.