metadata

title: Browser Gradio
emoji: ⚡
colorFrom: pink
colorTo: green
sdk: gradio
sdk_version: 5.34.2
app_file: app.py
pinned: false

🛰️ Real Browser Demo (with Playwright)

This is an interactive web browser simulation that uses a real headless browser (Firefox via Playwright) on the server to access the live internet.

It demonstrates how to combine the power of a modern web automation tool like Playwright with the simplicity of a Gradio UI.

How it Works

Enter a URL (e.g., https://news.ycombinator.com) or a search term (e.g., latest science news) into the address bar and click "Go".
On the server, Playwright launches a real, headless Firefox browser and navigates to the requested page. It waits for the page and its JavaScript to fully load.
The complete, rendered HTML is then parsed using BeautifulSoup.
The page title, main text content, and a list of clickable links are extracted.
This extracted information is sent back and displayed in the Gradio UI.
You can "click" links by entering their corresponding number and clicking the "Click Link" button.
All standard browser functions like tabs, back/forward, and refresh are supported and operate on the real browser instance.

Why Playwright?

JavaScript Rendering: It can correctly display modern Single-Page Applications (SPAs) that requests would fail on.
Robustness: It behaves like a real user, making it much less likely to be blocked by websites.
Stateful Interaction: It naturally handles cookies, sessions, and complex navigation.

Note: Since this demo is making live web requests, it may be slower than the "pseudo browser" and is subject to the speed and availability of the websites you visit.