https://new.waylonwalker.com/tags/screenshot/archive/atom.xml 2023-08-16T05:05:33Z All posts with the tag "screenshot" Waylon Walker markata-go https://new.waylonwalker.com/thought-89/ 2023-08-16T05:05:33Z 2023-08-16T05:05:33Z

!https://github.com/simonw/shot-scraper

<div class="embed-card embed-card-external"> <a class="embed-card-link" href="https://github.com/simonw/shot-scraper" rel="noopener noreferrer" target="_blank"> <div class="embed-card-image"> <img class="glightbox" src="https://repository-images.githubusercontent.com/github-production-repository-image-32fea6/467679579/52765249-ede7-4e86-87b1-0a11c4406ec3?X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2F20260804%2Fus-east-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260804T230516Z&amp;X-Amz-Expires=300&amp;X-Amz-Signature=1c954386b4a64a49220ec8d46909800942ad5da067208304623403cf264a8c0f&amp;X-Amz-SignedHeaders=host&amp;jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoiaHR0cHM6Ly9yZXBvc2l0b3J5LWltYWdlcy5naXRodWJ1c2VyY29udGVudC5jb20vIiwia2V5Ijoia2V5MSIsImV4cCI6MTc4NTg4NTAxNiwibmJmIjoxNzg1ODg0NzE2LCJwYXRoIjoicmVwb3NpdG9yeS1pbWFnZXMuZ2l0aHVidXNlcmNvbnRlbnQuY29tIn0.a0qQITd4iDKE0PIF_vdzrv9f77rtKXB-n79413Zy-x0" alt="GitHub - simonw/shot-scraper: A CLI utility for taking screenshots of websites, recording video demos and scraping sites using JavaScript — A CLI utility for taking screenshots of websites, recording video demos and scraping sites using JavaScript - simonw/shot-scraper" loading="lazy"/ data-glightbox="description: GitHub - simonw/shot-scraper: A CLI utility for taking screenshots of websites, recording video demos and scraping sites using JavaScript — A CLI utility for taking screenshots of websites, recording video demos and scraping sites using JavaScript - simonw/shot-scraper"> </div> <div class="embed-card-content"> <div class="embed-card-title">GitHub - simonw/shot-scraper: A CLI utility for taking screenshots of websites, recording video demos and scraping sites using JavaScript</div> <div class="embed-card-description">A CLI utility for taking screenshots of websites, recording video demos and scraping sites using JavaScript - simonw/shot-scraper</div> <div class="embed-card-meta">GitHub · github.com</div> </div> </a> </div> <pre><code> &gt; A command-line utility for taking automated screenshots of websites </code></pre> <p>Daaaang, this is such an elegantly simple way to get web screenshots with a cli. I was literally up and running with two commands on my arch linux machine (which it warned was unsupported by playwright).</p> <pre class="chroma"><code><span class="line"><span class="cl"><span class="n">pip</span> <span class="n">install</span> <span class="n">shot</span><span class="o">-</span><span class="n">scraper</span> </span></span><span class="line"><span class="cl"><span class="c1"># Now install the browser it needs:</span> </span></span><span class="line"><span class="cl"><span class="n">shot</span><span class="o">-</span><span class="n">scraper</span> <span class="n">install</span> </span></span><span class="line"><span class="cl"><span class="n">shot</span><span class="o">-</span><span class="n">scraper</span> <span class="n">waylonwalker</span><span class="o">.</span><span class="n">com</span> </span></span><span class="line"><span class="cl"><span class="n">shot</span><span class="o">-</span><span class="n">scraper</span> <span class="n">https</span><span class="p">:</span><span class="o">//</span><span class="n">datasette</span><span class="o">.</span><span class="n">io</span><span class="o">/</span> </span></span><span class="line"><span class="cl"><span class="n">shot</span><span class="o">-</span><span class="n">scraper</span> <span class="n">https</span><span class="p">:</span><span class="o">//</span><span class="n">datasette</span><span class="o">.</span><span class="n">io</span><span class="o">/</span> <span class="o">-</span><span class="n">h</span> <span class="mi">1280</span> <span class="o">-</span><span class="n">w</span> <span class="mi">1920</span> </span></span><span class="line"><span class="cl"><span class="n">shot</span><span class="o">-</span><span class="n">scraper</span> <span class="n">https</span><span class="p">:</span><span class="o">//</span><span class="n">datasette</span><span class="o">.</span><span class="n">io</span><span class="o">/</span> <span class="o">-</span><span class="n">h</span> <span class="mi">480</span> <span class="o">-</span><span class="n">w</span> <span class="mi">720</span> </span></span><span class="line"><span class="cl"><span class="n">shot</span><span class="o">-</span><span class="n">scraper</span> <span class="n">shot</span> <span class="o">--</span><span class="n">selector</span> <span class="s1">&#39;#posts&#39;</span> <span class="n">https</span><span class="p">:</span><span class="o">//</span><span class="n">thoughts</span><span class="o">.</span><span class="n">waylonwalker</span><span class="o">.</span><span class="n">com</span><span class="o">/</span><span class="n">post</span><span class="o">/</span><span class="mi">89</span> </span></span></code></pre><blockquote> <p>Note <code>shot-scraper https://datasette.io/ </code> is a full length screenshot of the entire page.</p> </blockquote> <p>Oh and its pretty dang fast, let alone the setup time, this crushes on startup time in my attempts to use a headless browser in the past.</p> Waylon Walker hello@waylonwalker.com https://waylonwalker.com