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

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

<div class="embed-card embed-card-external"> <a href="https://github.com/simonw/shot-scraper" class="embed-card-link" target="_blank" rel="noopener noreferrer"> <div class="embed-card-image"> <img class="glightbox" src="https://repository-images.githubusercontent.com/467679579/52765249-ede7-4e86-87b1-0a11c4406ec3" alt="GitHub - simonw/shot-scraper: A command-line utility for taking automated screenshots of websites — A command-line utility for taking automated screenshots of websites - simonw/shot-scraper" loading="lazy"/ data-glightbox="description: GitHub - simonw/shot-scraper: A command-line utility for taking automated screenshots of websites — A command-line utility for taking automated screenshots of websites - simonw/shot-scraper"> </div> <div class="embed-card-content"> <div class="embed-card-title">GitHub - simonw/shot-scraper: A command-line utility for taking automated screenshots of websites</div> <div class="embed-card-description">A command-line utility for taking automated screenshots of websites - 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> <div class="admonition note"> <p class="admonition-title">Note</p> <p>This post is a <a href="/thoughts/" class="wikilink" data-title="Thoughts" data-description="These are generally my thoughts on a web page or some sort of url, except a rare few don&#39;t have a link. These are dual published off of my..." data-date="2024-04-01" data-preview="These are generally my thoughts on a web page or some sort of url, except a rare few don&#39;t have a link. These are dual published off of my...">thought</a>. It’s a short note that I make about someone else’s content online <a href="/tags/thoughts/" class="hashtag-tag" data-tag="thoughts" data-count="2" data-reading-time="3" data-reading-time-text="3 minutes">#thoughts</a></p> </div> Waylon Walker hello@waylonwalker.com https://waylonwalker.com