Uber Scraper Chrome Extension

A powerful Chrome extension that scrapes real-time ride data from Uber's website. This extension is tab-independent and only displays real scraped data - no mock or fallback data.

🚀 Features

• ✅ Real-time Scraping: Scrapes actual ride data from Uber's page
• ✅ Tab Independent: Works regardless of which tab is currently active
• ✅ No Mock Data: Only shows real scraped data from Uber
• ✅ Auto-Detection: Automatically detects ride options, prices, and ETAs
• ✅ Bridge Server: Includes Python FastAPI server for external API access
• ✅ Beautiful UI: Modern, dark-themed popup interface
• ✅ Export Options: Copy data as JSON or CSV

📋 How It Works

Architecture

┌─────────────────┐
│  Uber Website   │ ← Content Script scrapes data
└────────┬────────┘
         │
         ▼
┌─────────────────┐
│  Background.js  │ ← Manages communication
└────────┬────────┘
         │
         ├──────────► Popup (displays data)
         │
         └──────────► Bridge Server (WebSocket)
                      └──► External APIs

Components

1. Content Script (content.js)

   • Injected into Uber pages
   • Scrapes ride options, prices, ETAs, capacity
   • Uses MutationObserver for real-time updates
   • NO fallback or mock data

2. Background Service Worker (background.js)

   • Manages WebSocket connection to bridge server
   • Handles tab management and script injection
   • Stores scraped data in chrome.storage
   • Routes messages between components

3. Popup (popup.html/js)

   • Displays scraped data in beautiful UI
   • Shows cheapest and fastest options
   • Export functionality (JSON/CSV)
   • Only renders when real data is available

4. Bridge Server (bridge_server.py)

   • FastAPI WebSocket server
   • Exposes HTTP endpoints for external access
   • Enables automation and integration

🛠️ Installation

1. Install the Extension

1. Open Chrome and navigate to chrome://extensions/
2. Enable Developer mode (top right)
3. Click Load unpacked
4. Select the uber-scraper-extension folder

2. Start the Bridge Server (Optional)

The bridge server enables external API access:

cd uber-scraper-bridge
pip install fastapi uvicorn websockets
python bridge_server.py

Server will start at http://localhost:8765

📖 Usage

Using the Popup

1. Navigate to Uber: Go to https://m.uber.com/go/product-selection
2. Enter Locations: Set pickup and dropoff locations on Uber's page
3. Open Extension: Click the extension icon
4. Scrape Rides: Click "Scrape Rides" button
5. View Results: See real-time ride data, prices, and ETAs

Using the API (with Bridge Server)

Scrape Current Page

curl -X POST http://localhost:8765/scrape

Set Locations and Scrape

curl -X POST http://localhost:8765/scrape \
  -H "Content-Type: application/json" \
  -d '{"pickup": "Times Square", "dropoff": "Central Park"}'

Get Last Scraped Data

curl http://localhost:8765/last-data

Get Cheapest Ride

curl http://localhost:8765/cheapest

Get Fastest Ride

curl http://localhost:8765/fastest

🔍 Data Structure

The extension scrapes and returns the following data:

{
  "success": true,
  "timestamp": "2025-12-15T20:35:12.000Z",
  "pickup": "Times Square, New York",
  "dropoff": "Central Park, New York",
  "totalRides": 5,
  "rides": [
    {
      "productId": "ride-0",
      "name": "UberX",
      "vehicleType": "UberX",
      "imageUrl": "https://...",
      "capacity": 4,
      "price": "₹250",
      "originalPrice": "₹300",
      "priceNumeric": 250,
      "eta": "3 min",
      "isSelected": false,
      "scrapedAt": "2025-12-15T20:35:12.000Z"
    }
  ],
  "cheapestRide": { /* ride object */ },
  "fastestRide": { /* ride object */ }
}

⚠️ Important Notes

No Mock Data

This extension ONLY displays real scraped data from Uber's website. If you see an empty state, it means:

• You haven't scraped yet, OR
• No ride data is available on the current Uber page

Tab Independence

The extension works independently of which tab is active:

• It finds or creates an Uber tab automatically
• Scrapes data from that tab
• Displays results in the popup

Selectors

The extension uses specific CSS selectors to find ride data. If Uber changes their website structure, the selectors in content.js may need updating.

🐛 Troubleshooting

"No rides visible"

• Make sure you're on an Uber page with ride options
• Ensure pickup and dropoff locations are set
• Wait for the page to fully load

"Extension not connected"

• The bridge server is not running (only needed for API access)
• Extension can still work without the bridge server

"Failed to scrape rides"

• Check if you're on the correct Uber URL
• Verify the content script is injected (check console)
• Uber may have changed their website structure

🔧 Development

File Structure

uber-scraper-extension/
├── manifest.json          # Extension configuration
├── background.js          # Service worker
├── content.js            # Scraping logic
├── popup.html            # Popup UI
├── popup.js              # Popup logic
├── popup.css             # Popup styles
└── icons/                # Extension icons

uber-scraper-bridge/
└── bridge_server.py      # FastAPI WebSocket server

Key Selectors (in content.js)

const SELECTORS = {
  rideItem: '[data-testid="product_selector.list_item"]',
  pickupInput: 'input[placeholder="Pickup location"]',
  dropoffInput: 'input[placeholder="Dropoff location"]',
  resultItem: '[data-testid="pudo-result"]',
  priceText: '.css-jeMYle',
  eta: '[data-testid="product_selector.list_item.eta_string"]',
  vehicleName: 'p[class*="jsRibq"]'
};

📝 License

This is a development tool for educational purposes. Use responsibly and in accordance with Uber's Terms of Service.

🤝 Contributing

This extension is designed to scrape real data only. When contributing:

• Never add mock or fallback data
• Maintain tab independence
• Update selectors if Uber's structure changes
• Test thoroughly on actual Uber pages

---

Made with ❤️ for real-time ride data scraping