2008. július 4., péntek

Screenshot távolról

Weboldalak aktuális állapotát lehet "lefényképezni" ezen a linken keresztül.

Tesztelésen kívül alkalmas lehet akár hírgyűjtő vagy egyéb tartalomaggregáló oldalon való felhasználásra is. Ha ilyesmire akarnánk használni, akkor egyszerű GET kéréssel paraméterezve megtehetjük.
Ime egy kis példa, szigorúan IE alá, a FF biztonsági korlátok miatt hibát fog dobni rajta, de a lényeg látszik.


Itt meg a kód:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script type="text/javascript">
function getPic() {
var url = document.getElementById('urltxt').value;
var x = new XMLHttpRequest();
x.open('GET', 'http://www.url2jpg.co.uk/getgrab.ashx?url=' + url + '&size=13&width=1024&height=768');
x.onreadystatechange = function() {
if (x.readyState == 4) {
document.getElementById('imgdiv').innerHTML = x.responseText.replace(/\/assets/, 'http://www.url2jpg.co.uk/assets');
document.getElementById('imgtxt').value = x.responseText;
}
}
x.send(null);
}
</script>
</head>
<body>
<div>
<input type="text" id="urltxt" value="http://www.bbc.co.uk/" />
<input type="button" value="LÁSSUK" onclick="getPic()" /><br />
ez jött vissza:
<br />
<input type="text" id="imgtxt" size="50" />

<div id="imgdiv" style="width: 320px;height: 240px; overflow:auto;" src="http://www.url2jpg.co.uk/getgrab.ashx?url=http://www.bbc.com/&size=13&width=1024&height=768"></div>
</div>
</body>
</html>

Nincsenek megjegyzések: