python, Scraping

How to Turn Web Scraping Into a Computer Vision Problem

Let’s face it. Web scraping can be a bit boring sometimes.

Web Scraping is Boring

The general process is:

  1. Find site that has data
  2. Inspect element and see where data lives
  3. If in html table, write logic to parse table
  4. run for one page
  5. run on all pages
  6. fix minor bugs
  7. done

Each and every site has little quirks. Some people use “<table>” tags wrong and put column information in a normal <tr><td> row instead of using the <thead> tag. And then sometimes the website updates so you have to make more minor updates. Other people don’t and are still living pre-2000 with everything on their site a part of one big table.

In this tutorial, I’m going to show how we can turn web scraping into an image based problem instead of being purely a DOM parsing exercise.


We’re going to be using Selenium to control our web browser and take snapshots.

You’ll need:

  • python3 (I recommend conda distribution)
    • opencv
    • selenium
    • PIL
  • chrome
  • chrome web driver (it has to be the matching web driver for your version of chrome. Best to have a non-updating separate install)

Go to the Jupyter notebook.

Bounding Boxes
Example Output

You can also generate videos by using the ffmpeg library and opencv.

How You Can Use This

Say you’re designing a computer vision system to extract information from the real world with the goal of replicating it digitally. Now you can generate training data and output data using HTML!

Or you want to build a web scraper to scrape sites that obscure the DOM and update frequently.

Or you want to build a more intelligent webscraper.

Leave a Reply

Your email address will not be published. Required fields are marked *