# web-diff

> Visually diff two URLs

Latest version **1.0.0** (published 2019-07-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install web-diff
pnpm add web-diff
yarn add web-diff
bun add web-diff
```

Provides the command `web-diff`.

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2019-07-23 |
| First published | 2019-07-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 5.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | Hiroki Osame |
| Maintainers | hirokiosame |
| Keywords | visual, diff, web, pages, urls |

## Links

- npm: https://www.npmjs.com/package/web-diff
- Repository: https://github.com/privatenumber/web-diff
- Homepage: https://github.com/privatenumber/web-diff#readme
- Issues: https://github.com/privatenumber/web-diff/issues
- npm.io page: https://npm.io/package/web-diff

## Dependencies (6)

- [listr](https://npm.io/package/listr.md) ^0.14.3
- [pngjs](https://npm.io/package/pngjs.md) ^3.4.0
- [yargs](https://npm.io/package/yargs.md) ^13.3.0
- [fs-extra](https://npm.io/package/fs-extra.md) ^8.1.0
- [puppeteer](https://npm.io/package/puppeteer.md) ^1.18.1
- [pixelmatch](https://npm.io/package/pixelmatch.md) ^5.0.2

## Alternatives

- [base64url](https://npm.io/package/base64url.md) — 6.1M weekly downloads
- [get-installed-path](https://npm.io/package/get-installed-path.md) — 502.9K weekly downloads
- [@uppy/url](https://npm.io/package/@uppy/url.md) — 185.8K weekly downloads
- [@d3fc/d3fc-shape](https://npm.io/package/@d3fc/d3fc-shape.md) — 16.2K weekly downloads
- [localizer](https://npm.io/package/localizer.md) — 226 weekly downloads

## Recent versions

- 1.0.0 (latest) — 2019-07-23

## README

# :mag: web-diff
> Visually diff web pages

## Why
- Handy tool to check if two URLs are rendering the same exact page
- Quickly identify subtle differences


## :rocket: Install
```
$ npm install -g web-diff
```

### npx
```
$ npx web-diff ...
```

## :beginner: Usage
```
$ web-diff <URL A> <URL B>
```

_eg. See how many pixels are different between Google and Google Images_
```
$ web-diff http://google.com https://images.google.com
```

### 💾 Save images

_eg. Save files `googleDiff.A.png`, `googleDiff.B.png` and `googleDiff.diff.png`_
```
$ web-diff -o googleDiff http://google.com https://images.google.com
```

---
_Source: https://npm.io/package/web-diff · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._