URLを指定してそのページのスクリーンショットを出力するWebサイトまたはブックマークレットはありますか?
理想的には、出力画像のサイズを変更するオプションがあるはずです。
URLを指定してそのページのスクリーンショットを出力するWebサイトまたはブックマークレットはありますか?
理想的には、出力画像のサイズを変更するオプションがあるはずです。
回答:
Aviaryを試すことができます
それは非常に簡単です:サイトのURLをコピーして貼り付けると、Aviaryはオンラインイメージエディターにロードします(以下を参照)
また、Firefoxアドオンとブックマークレットもあります。この場合、現在のWebサイトが埋められます(ただし、同じタブにあるので注意してください)。
ローカルサーバーのスクリーンショットをキャプチャできるものが欲しかったので、BrowsershotsのようなWebサービスは望んでいませんでした。
したがって、html2canvasを使用して、スクリーンショットをローカルにキャプチャし、キャンバスで要素をレンダリングするブックマークレットを作成しました。
使用するには、これをブックマークレットとしてコピーします。
(function(d,w,h,s,i){w[h]||(s=d.createElement('script'),s.src='//html2canvas.hertzen.com/build/html2canvas.js',d.body.appendChild(s));i=setInterval(function(){w[h]&&clearInterval(i)||w[h](d.body,{onrendered:function(c){w.open().document.body.appendChild(c)}})},250)}(document,window,'html2canvas'));
次に、それをクリックして、場合によっては作成したポップアップを許可します(ポップアップにはスクリーンショットが含まれます)。
たとえば、Chromeでは、次のようにアドレスバーの右端の部分をクリックする必要があります。
次に、スクリーンショットのポップアップに対応するリンクをクリックして開きます。
d
、w
とh
パラメータが最後に渡されます(例:(function(d){/* d is now an alias to document */}(document))
)。4番目と5番目のパラメーターは、var
宣言でいくつかの文字を保存するために後で再利用した単なるプレースホルダーです。したがって、コードゴルフ中にグローバルスコープを汚染することはありません。
私はそれがウェブアプリやブックマークレットではないことを知っていますが、この目的のために使用するのはScreengrabと呼ばれるFirefoxプラグインです。それがあなたのためのオプションであるかどうかはわかりませんが、試してみることができます(もちろんFirefoxを使用している場合、そして他のブラウザ用の他の同様のものがあると確信しています)
「Simple Website Screenshot」が素晴らしい仕事をするよりも、あなたのために仕事を自動化するワードプレスプラグインを探しているなら。サムネイルのサイズなどを指定できます。
http://www.digg-it.info/wordpress-simple-website-screenshot-v-0-5
使用例が見たい場合は、当社のWebサイト(http://productivewebapps.com)で使用します!(免責事項:私はこのサイトの所有者です)
このサイトは便利です(ブックマークレットで)またはこのFirefoxプラグイン(Retinaで動作していません)。