screenshot website

？ screenshot-website

在Windows，Mac和Linux上捕獲網站屏幕截圖的GitHub操作

內容

• 用法
• 輸入
• 輸出
• 高級用法
• 學分

用法

- name : Screenshot Website
  uses : swinton/[email protected]
  with :
    source : https://github.com/swinton/screenshot-website
    destination : screenshot.png 

輸入

所需的輸入

1. source ：要捕獲的內容的來源，可能是URL或html字符串，例如https://example.com/
2. destination ：目標文件名將寫入捕獲的網站，默認為screenshot.png

可選輸入

此處列出的大多數選項（ inputType ， width ， height等）可以作為輸入傳遞，只需通過烤肉串的等效範圍傳遞，例如全fullPage ： full-page ：

- name : Screenshot Website
  uses : swinton/[email protected]
  with :
    source : https://github.com/swinton/screenshot-website
    destination : screenshot.png
    full-page : true 

輸出

將對捕獲的每個屏幕截圖自動創建工件。還支持以下其他輸出：

1. path ：捕獲的屏幕截圖的文件系統路徑

高級用法

使用矩陣捕獲跨不同操作系統的屏幕截圖，例如

 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 }}.png

將矩陣與其他選項（例如寬度）相結合，例如

 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 }} 

學分

• ？ https://github.com/sindresorhus/capture-website