https://github.com/cemalgnlts/try-browserless
Playground for puppeteer. Run scripts, preview live, share with others.
https://github.com/cemalgnlts/try-browserless
browserless deta-space express puppeteer react
Last synced: about 2 months ago
JSON representation
Playground for puppeteer. Run scripts, preview live, share with others.
- Host: GitHub
- URL: https://github.com/cemalgnlts/try-browserless
- Owner: cemalgnlts
- License: gpl-3.0
- Created: 2023-04-15T09:32:09.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-04-25T20:38:41.000Z (about 2 years ago)
- Last Synced: 2025-01-14T07:48:06.992Z (3 months ago)
- Topics: browserless, deta-space, express, puppeteer, react
- Language: JavaScript
- Homepage: https://trybrowserless-1-e7364370.deta.app/
- Size: 269 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Try Browserless
> Playground for [Puppeteer](https://pptr.dev/). Run scripts, preview live, share with others.
This project is inspired by the [browserless/debugger](https://github.com/browserless/debugger) project. If your only use is debugging, [browserless/debugger](https://github.com/browserless/debugger) might be a better option.
This project works with [browserless.io](https://www.browserless.io).
## Coding Environment
Your code runs inside a Worker. Using the latest version `14.3.0` of `puppeteer-core` which supports the web version.
To make it easier for you, the browser is opened first, then the page is created and the `page` class is given to you, and the browser is automatically closed when your code is complete.
The following example occurs when you first open the page:
```js
await page.goto("https://browserless.io")
const title = await page.title()
console.log(title)
```
When you press the Run button, it turns into this:
```diff
+ const browser = await puppeteer.launch();
+ const page = await browser.newPage();
await page.goto("https://browserless.io");
const title = await page.title();
console.log(title);
+ await browser.close();
```
It uses monaco editor as editor. This way it includes autocomplete support for puppeteer.
There are a few snippets in the editor. Type the abbreviation and select it with `tab`, `enter` or `mouse`.
`log` ➜ `console.log`
`go` ➜ `page.goto`
`ev` ➜ `page.evaluate`
`ss` ➜ `page.screenshot`
From the options menu you can simulate a device and preview your operation live.
## Contributing
[Contributing](CONTRIBUTING.md)
## License
[License](LICENSE)