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['url']; ?>">
<frame src="<?php echo $_GET['url']; ?>">
</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:-(


[...] Every so often I throw together a quick hack whilst putting together another post. Take the Split Screen Screenshots bookmarklet as an example: that was built becwhen I needed to grab the top and bottom part of a [...]
Scriptlets – When All You Need is a Little Bit of Hosting Space « OUseful.Info, the blog…
October 6, 2009 at 2:45 pm