でんさんの開発部屋 自分がつまずいた点の解決法や、技術動向などをメモ書きとして残しつつ 見てくれた人の知識として役立ってくれればいいなと切に願っているサイトです。 今回はFirefox上で表示しているWebページのスクリーンショットを作成し、 PNGファイルとして保存する方法を紹介します。 この操作は、Firefoxの拡張機能で作成しなければなりません。 ちなみに、拡張機能の作り方についてはここではふれません。 スクリーンショットの取得する方法は非常に簡単です。 canvasオブジェクトを使います。 まず、htmlオブジェクトとしてcanvasオブジェクトを作成します。 var canvas = window._content.document.createElement("canvas"); この作成したcanvasに大きさを与えます。 canvas.setAttribute("heig
![『[JavaScript][Firefox] ブラウザのスクリーンショットを撮る』](https://cdn-ak-scissors.b.st-hatena.com/image/square/8b4d4ebf951db94de2991f256e406dd98d93328e/height=288;version=1;width=512/https%3A%2F%2Fstat.profile.ameba.jp%2Fprofile_images%2F20101103%2F14%2Fd7%2F67%2Fj%2Fo020002001288763787914.jpg)