Programming

【超簡単】自動で特定のURLのスクリーンショットを取得して表示する方法

2019/11/20

今社内の制作実績管理システムを開発・運用していて

制作実績を登録するたびにスクショを撮影していたのですが、それが異常に面倒で

自動でスクショ撮れんだろうかと思って探したらすごく簡単にできるものがありました。

たった1行で完成です。


<img src="https://s.wordpress.com/mshots/v1/SITE_URL?w=320">

たったこれだけです。

SITE_URLのところに、取得したいサイトのURLを入力すると自動でスクリーンショットを撮影してくれます。

w=320のところをw=640にすると幅640pxの大きさに変更されます。

 

最初にアクセスした段階ではまだスクショが生成されていないみたいですが、最初のリクエストをした段階で、スクショの生成を開始してくれるようでリロードするとすぐに表示されます。

最初のアクセス時には表示されないというのが少しネックではありますが、それでも簡単にできるので十分かな〜という感じ。

もっとちゃんとやりたい場合はjsとかバリバリ組んでやる方法もあるっぽいので、根気ある方はぜひその方面も開拓して教えてくださいw