Split Screen Screenshots

Some time ago, I posted a quick hack about how to capture “split screen” screenshots, such as the one below, that shows a BBC News video embedded in a Guardian online news story:

This utility can be handy when you want to capture something in a single screenshot from the top and the bottom of a long web page, but don’t necessarily want all the stuff in between.

Anyway, the hack was included in the middle of a longer web page, so here’s a reposting of it…

On a server somewhere, place the following PHP script:

<html>
<head>
<title></title>
</head>

<frameset rows="30%, 70%">
      <frame src="<?php echo $_GET&#91;'url'&#93;; ?>">
      <frame src="<?php echo $_GET&#91;'url'&#93;; ?>">
</frameset>

The bookmarklet simply uses the current page URI as an argument in a call to the above page:

javascript:window.location=
http://localhost/splitscreen.php?url=encodeURIComponent(window.location.href);

Here’s the bookmarklet in action:

(I was going to pop up a version of the script to http://ouseful.open.ac.uk, but for some reason I can’t get in to upload anything there just at the moment:-(

Author: Tony Hirst

I'm a Senior Lecturer at The Open University, with an interest in #opendata policy and practice, as well as general web tinkering...

One thought on “Split Screen Screenshots”

Comments are closed.