フルFlashサイトをTombloo(Taberareloo)でキャプチャーする方法
デザインが気になったWEBサイトをキャプチャーして、
自分用のWebサイトギャラリーをtumblrで作成する際に、
欠かせないプラグインが「Tombloo」。
そこで、私の頭を悩ませていたのが、全面フルFlashのサイト。
通常のHTMLファイルであれば、
右クリック → Share… → Photo – Capture → View の順にクリックしていき、
手軽にクリップできるのだが、フルFlashの場合、肝心の右クリックが出来ない…。
この課題について、さんざん調べたが、なかなか良い方法は見つからず、
その間、使うブラウザも FirefoxからGoogleChromeへと移行。
Chromeにも多くの拡張プラグインがあり、上記「Tombloo」に対して、
「Taberareloo」という拡張プラグインを使っていた。
しかし、こちらも右クリックが起点となっているため、
フルFlashのサイトについては、クリッピング出来ないままだった。
が、しかし…！！！
ついに、解決法を見つけたので、紹介します！！（そんな大げさなことか？）
- キャプチャーをとりたいフルフラッシュのサイトを開く。
- ブラウザ上でCSSやHTMLの編集ができるツール（今回は Web Developer を使用）で、CSSの編集画面を開く。
- <body>に margin-top を追加して、上部に余白を作る。
- そのスタイルが反映されて、できた空白の部分で、必殺の右クリックを繰り出す！
- あとは、いつもどおりに画面をキャプチャーして、投稿！
まぁ、書いてみると、なんと簡単な…という内容だが、
ここにたどり着くまでに、どれだけ、悔しい思いをしてきたか…。
俺は勝ったんだ。
Design SUKINADAKE