Browser Run - Browser Run adds a Playground to the Cloudflare dashboard

<p><a href="https://developers.cloudflare.com/browser-run/">Browser Run</a> now includes a Playground in the Cloudflare dashboard. Use it to try Quick Actions against a live browser without creating a Worker, installing an SDK, or deploying code first.</p> <p>The Playground helps you test a target URL or raw HTML input, tune viewport and page-load settings, preview the output, and copy working code for the same request.</p> <img src="https://developers.cloudflare.com/images/browser-run/playground.png" alt="Browser Run Playground in the Cloudflare dashboard showing a generated screenshot preview and output settings"> <p>With the Playground, you can:</p> <ul> <li>Capture visuals as <a href="https://developers.cloudflare.com/browser-run/quick-actions/screenshot-endpoint/">screenshots</a> or <a href="https://developers.cloudflare.com/browser-run/quick-actions/pdf-endpoint/">PDFs</a>.</li> <li>Generate multiple output formats in one request with the <a href="https://developers.cloudflare.com/browser-run/quick-actions/snapshot/">snapshot endpoint</a>.</li> <li>Extract <a href="https://developers.cloudflare.com/browser-run/quick-actions/content-endpoint/">HTML</a>, <a href="https://developers.cloudflare.com/browser-run/quick-actions/markdown-endpoint/">Markdown</a>, <a href="https://developers.cloudflare.com/browser-run/quick-actions/links-endpoint/">links</a>, or <a href="https://developers.cloudflare.com/browser-run/quick-actions/scrape-endpoint/">scraped data</a>.</li> <li>Extract <a href="https://developers.cloudflare.com/browser-run/quick-actions/json-endpoint/">structured data with AI</a> using a prompt and optional JSON Schema.</li> </ul> <p>You can also configure desktop, laptop, tablet, mobile, or custom viewport sizes, set browser scale, choose page-load conditions, set timeouts, and wait for selectors before running a request.</p> <p>Select <strong>Show Code</strong> to generate the same request as cURL, TypeScript SDK, Python, or Workers Binding code. For example, a screenshot request can be copied as a Workers Binding call:</p> <figure class="nb-code-figure" data-nb-lang="ts"><pre class="astro-code astro-code-themes github-light github-dark nb-shiki-c6xiwz" tabindex="0" data-language="ts" data-nb-lang="ts"><code><span class="line"><span class="nb-shiki-1itgoe">interface</span><span class="nb-shiki-1t8gfj"> Env</span><span class="nb-shiki-140thh"> {</span></span> <span class="line"><span class="nb-shiki-1jdh33"> BROWSER</span><span class="nb-shiki-1itgoe">:</span><span class="nb-shiki-1t8gfj"> BrowserRun</span><span class="nb-shiki-140thh">;</span></span> <span class="line"><span class="nb-shiki-140thh">}</span></span> <span class="line"></span> <span class="line"><span class="nb-shiki-1itgoe">export</span><span class="nb-shiki-1itgoe"> default</span><span class="nb-shiki-140thh"> {</span></span> <span class="line"><span class="nb-shiki-1itgoe"> async</span><span class="nb-shiki-1t8gfj"> fetch</span><span class="nb-shiki-140thh">(</span><span class="nb-shiki-1jdh33">request</span><span class="nb-shiki-140thh">, </span><span class="nb-shiki-1jdh33">env</span><span class="nb-shiki-140thh">)</span><span class="nb-shiki-1itgoe">:</span><span class="nb-shiki-1t8gfj"> Promise</span><span class="nb-shiki-140thh">&lt;</span><span class="nb-shiki-1t8gfj">Response</span><span class="nb-shiki-140thh">&gt; {</span></span> <span class="line"><span class="nb-shiki-1itgoe"> return</span><span class="nb-shiki-1itgoe"> await</span><span class="nb-shiki-140thh"> env.</span><span class="nb-shiki-dzsirb">BROWSER</span><span class="nb-shiki-140thh">.</span><span class="nb-shiki-1t8gfj">quickAction</span><span class="nb-shiki-140thh">(</span><span class="nb-shiki-mdbnqw">"screenshot"</span><span class="nb-shiki-140thh">, {</span></span> <span class="line"><span class="nb-shiki-140thh"> url: </span><span class="nb-shiki-mdbnqw">"https://developers.cloudflare.com"</span><span class="nb-shiki-140thh">,</span></span> <span class="line"><span class="nb-shiki-140thh"> viewport: {</span></span> <span class="line"><span class="nb-shiki-140thh"> width: </span><span class="nb-shiki-dzsirb">1920</span><span class="nb-shiki-140thh">,</span></span> <span class="line"><span class="nb-shiki-140thh"> height: </span><span class="nb-shiki-dzsirb">1080</span><span class="nb-shiki-140thh">,</span></span> <span class="line"><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-140thh"> });</span></span> <span class="line"><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-140thh">} </span><span class="nb-shiki-1itgoe">satisfies</span><span class="nb-shiki-1t8gfj"> ExportedHandler</span><span class="nb-shiki-140thh">&lt;</span><span class="nb-shiki-1t8gfj">Env</span><span class="nb-shiki-140thh">&gt;;</span></span></code></pre></figure> <p>Requests made in the Playground incur <a href="https://developers.cloudflare.com/browser-run/pricing/">Browser Run charges</a>. AI extraction also incurs Workers AI charges.</p> <p>To try the Playground, go to <strong>Browser Run</strong> in the Cloudflare dashboard and select <strong>Playground</strong>.</p> <a href="https://dash.cloudflare.com/?to=/:account/workers/browser-run" data-nb-button class="group inline-flex w-max shrink-0 items-center justify-center rounded-full font-medium whitespace-nowrap no-underline shadow-xs transition-colors cursor-pointer select-none focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary-hover h-9 gap-1.5 px-3 text-sm" target="_blank"> Go to <strong>Browser Run</strong>&nbsp;&#8599; </a> <p>For more information, refer to the <a href="https://developers.cloudflare.com/browser-run/quick-actions/">Quick Actions documentation</a>.</p>