Skip to main content
SimilarExport ZIP
100%

Take a snapshot of a page with phantom JS

✓ Published0🌍 Public
LLeeMendelowitz
Last edited Feb 25, 2015
Created on Feb 25, 2015

This example captures a static snapshot of a live web page using PhantomJS. It loads the DC Metro Metrics daily service report for February 23, 2015, then waits five seconds before writing the rendered HTML content to standard output, producing a full page dump. The code relies on PhantomJS’s `webpage` and `system` modules, setting a Chrome user-agent and using `page.open` with a callback and `setTimeout` to ensure the page finishes rendering. The result is a saved HTML file that preserves the report’s final visual state.

AI-generated description

To run, download PhantomJS

From the terminal:

phantomjs snapshot.js > output.html

Similar vizzes

Loading thumbnail…

Gist 86435

This example demonstrates a command-line tool for capturing full-page screenshots of websites using MacRuby and WebKit. It shows a configurable web capture system that loads a URL, optionally resizes the viewport, waits for a specified delay, and saves the rendered page as a PNG. The code relies on the WebKit framework’s WebView and frame load delegation, alongside NSBitmapImageRep to rasterize the view’s content. Users specify options like width, height, output filename, and delay via Ruby’s OptionParser.

CCaged
63% match
Loading thumbnail…

Gist 28617

This example uses a Ruby script to capture full-page screenshots of websites by automating a hidden WebView. It first loads a given URL, waits for the page to finish rendering, then saves the rendered content as a PNG file. The code leverages MacRuby’s WebKit framework, specifically `WebView` and `NSBitmapImageRep`, to render and capture the page. It supports optional width, height, delay, and output filename parameters, with a default width of 1024 pixels and a fallback to ruby-lang.org if no URL is provided.

CCaged
62% match
Loading thumbnail…

Gist 2d272134b57b02eb8cdd0c5904249591

This example tests the archival fidelity of a web page by loading a series of images and scripts that mimic dynamic behavior, including DOM manipulation, AJAX requests, and delayed updates. It uses JavaScript’s `XMLHttpRequest` to fetch remote images and replaces them via base64 data URLs, while `setTimeout` and scroll events trigger asynchronous content changes. The page is rendered within an iframe by the pywb web archiving tool, with a banner and rewrite layer applied. The visualization demonstrates how archived sites handle live interactions and resource loading over time.

NN0taN3rd
61% match
Loading thumbnail…

Requires

This example demonstrates scraping public Twitter profiles with Puppeteer, a headless Chrome automation library, to extract tweet content, timestamps, embedded image URLs, and adaptive media containers. It also shows scraping a live webpage via the Wayback Machine to capture a full-page screenshot at 1920x1080 resolution. The script uses Puppeteer’s `page.evaluate` to run DOM queries, Bluebird’s `Promise.delay` for controlled waiting, and `fs-extra` to write the collected tweet data as JSON. It navigates pages, clicks "show more" links, and scrolls to trigger dynamic content loading before saving results.

NN0taN3rd
60% match
Loading thumbnail…

Gist 58c79c81e9a950a0cdafc7d2d0275742

This example shows a dynamic, browser-automated web-scraping workflow that captures rendered page content. It uses Selenium’s `webdriver` to launch a Chrome browser, wait for elements via `WebDriverWait` and `expected_conditions`, and then extracts page HTML with BeautifulSoup. The script programmatically sends keyboard inputs via `Keys`, and also employs the `requests` library for direct HTTP calls. It parses the returned data with `json`, timestamps actions with `datetime`, and structures results into a pandas DataFrame. The process includes randomized delays (`random` and `time`) to mimic human browsing behavior, though no explicit visualization or rendering library is used beyond the raw captured markup.

AArizonaTay
59% match
Loading thumbnail…

Usage

This example demonstrates how to replay a historical archived version of the CNN homepage through a headless Chrome browser. It loads a specific Wayback Machine capture from December 2017, setting the viewport to a fixed 1920×1080 resolution. The script uses Puppeteer to launch the browser, and injects a custom `magic` function that overrides `document.domain` to mimic the live site’s domain for proper page behavior. The navigation targets the archived URL directly, with a 60-second timeout, and any errors are logged to the console.

NN0taN3rd
59% match
Loading thumbnail…

Gist 669840e74e5d863f3867c2946eb31ece

This example uses a headless Chrome setup, orchestrated through a Dockerfile, to render a dynamic web visualization. It shows an animated, interactive scene that likely involves geographic or force-directed elements, as the environment installs Chrome and chromedriver for automated screenshotting or streaming. The Python-based driver, running via `main.py`, relies on Selenium to control the browser and capture frames, while the underlying page would use D3.js’s `d3.forceSimulation` for physics-based layout and `d3.geoPath` for map projections if applicable. The setup explicitly avoids displaying a static image; instead, it captures live rendering from the Canvas or SVG, though the exact output is not visible in the code.

CConorAspell
59% match
Loading thumbnail…

Gist 34581

Darkroom is a Ruby script that captures full-page screenshots of websites. It loads a specified URL into an off-screen WebKit view, waits for the page to finish loading, and then saves the rendered content as a PNG file. The code leverages the OSX Cocoa and Webkit frameworks to create and control the browser view, and it uses `NSBitmapImageRep` to capture and encode the final image. The tool accepts command-line options to set the output filename and dimensions.

CCaged
56% match