📸 screenshot-website 
A GitHub Action to capture screenshots of a website, across Windows, Mac, and Linux
Contents
Usage
- name: Screenshot Website
uses: swinton/[email protected]
with:
source: https://github.com/swinton/screenshot-website
destination: screenshot.pngInputs
Required inputs
source: Source of the content to be captured, may be a URL or HTML string, e.g.https://example.com/destination: Destination filename the captured website will be written to, defaults toscreenshot.png
Optional inputs
Most of the options listed here (inputType, width, height, etc.) can be passed as inputs, just pass in a kebab-cased equivalent, e.g. full-page for fullPage:
- name: Screenshot Website
uses: swinton/[email protected]
with:
source: https://github.com/swinton/screenshot-website
destination: screenshot.png
full-page: trueOutputs
An artifact will be created automatically for each screenshot captured. The following additional outputs are also supported:
path: The filesystem path to the captured screenshot
Advanced Usage
Use a matrix to capture screenshots across different operating systems, e.g.
jobs:
screenshot:
name: Screenshot
strategy:
matrix:
os: [ubuntu-latest, macos-latest, windows-latest]
runs-on: ${{ matrix.os }}
steps:
- name: Screenshot Website
uses: swinton/[email protected]
with:
source: https://github.com/swinton/screenshot-website
destination: screenshot-${{ matrix.os }}.pngCombine a matrix with additional options such as width, e.g.
jobs:
screenshot:
name: Screenshot
strategy:
matrix:
os: [ubuntu-latest, macos-latest, windows-latest]
width: [1200, 992, 768, 600]
runs-on: ${{ matrix.os }}
steps:
- name: Screenshot Website
uses: swinton/[email protected]
with:
source: https://github.com/swinton/screenshot-website
destination: screenshot-${{ matrix.os }}-${{ matrix.width }}.png
width: ${{ matrix.width }}![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent