TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

The new browser-based puppeteer REPL, and how we built it

91 pointsby mrskitchabout 4 years ago

7 comments

haolezabout 4 years ago
I&#x27;ve used Puppeteer extensively and its the most unstable tool that I&#x27;ve come across in recent years. Its full of race conditions and the waitForSomething functions will sometimes work, sometimes not.<p>It&#x27;s usable, but it&#x27;s very aggravating and uncomfortable to use.
评论 #26431530 未加载
评论 #26431715 未加载
评论 #26431586 未加载
评论 #26431535 未加载
mrskitchabout 4 years ago
Hey, Joel here, mostly responsible for this tool. Happy to answer questions — one thing not well covered is getting puppeteer to run in the browser, especially a webworker. Can talk more about it if there’s interest!
评论 #26431444 未加载
评论 #26430779 未加载
评论 #26430964 未加载
celerityabout 4 years ago
Nice! We built something like this 3 years ago while I was still at Intoli. Instead of Puppeteer we used our own Web Extensions API based framework called Remote Browser [1], the core of which was written by my cofounder.<p>The tour is still up at [2]. The servers that actually run the Remote Browser have since gone down, but interestingly you can still run the tour. That&#x27;s because if you don&#x27;t change the code in the REPL window, you get cached results (except step 7&#x2F;7 which scrapes Hacker News and won&#x27;t work). To get those results, we built a little tour &quot;recorder&quot; that would be run on every release. If I remember correctly, we allowed some dynamic ES6 imports through a custom Babel compiler for the code that&#x27;s input, which also allows first level async stuff, which still works :)<p>[1]: <a href="https:&#x2F;&#x2F;github.com&#x2F;intoli&#x2F;remote-browser" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;intoli&#x2F;remote-browser</a> [2]: <a href="https:&#x2F;&#x2F;intoli.com&#x2F;tour&#x2F;" rel="nofollow">https:&#x2F;&#x2F;intoli.com&#x2F;tour&#x2F;</a>
nicwhittleabout 4 years ago
Could you elaborate a little on ‘puppeteer in the browser’?<p>Is puppeteer running on a webserver then the repl connecting to it? Or is puppeteer completely contained within each users browser?
评论 #26431532 未加载
sligabout 4 years ago
Hey, I have a question. On your home page it says that the usage-based plan doesn&#x27;t offer the Live Debug, how does one debug scripts on that plan?
评论 #26431759 未加载
httgpabout 4 years ago
Does this run Puppeteer on Lambda&#x2F;Docker? One thing that I’m struggling to do is run Chromium on AWS Lambda as the new container image.
fulafelabout 4 years ago
Is the editor pane just for javascript? Or does it support some or all languages that compile to JS?
评论 #26442595 未加载