メイン グーグルクローム Chromeでデバイスフレームを使用してWebページのスクリーンショットを作成します

Chromeでデバイスフレームを使用してWebページのスクリーンショットを作成します



デスクトップオペレーティングシステム上のGoogleChromeのあまり知られていない機能は、撮影したスクリーンショットがモバイルデバイスで実行されているブラウザのものであるかのように、開いたページのスクリーンショットをキャプチャする機能です。スクリーンショットの周りにフレームを追加して、スマートフォンのリアルな写真のように見せることもできます。これがその方法です。

Chromeデベロッパーツールには、モバイルデバイスをエミュレートできる特別なツールがあります。開発者にとって、スマートフォンや小さな画面のデバイスでWebサイトがどのように表示されるかを確認することは非常に便利です。カスタム画面サイズを指定したり、iPhone、iPad、Nexus、SamsungのGalaxyなどの事前定義されたデバイスサイズを使用したりできます。開いたページがデバイスエミュレーターに表示されると、ユーザーはページのスクリーンショットをキャプチャできます。ページの周囲にデバイスフレームを有効にして、リアルな写真のように見せることもできます。デバイスフレームインアクション

あなたは次のようにそれを行うことができます。

Windows Defender に例外を追加
  1. Chromeで目的のページを開き、F12を押します。これにより、開発者ツールが開きます。winaero-com-blog-firefox-drops-all-npapi-plugins-except-flash-iphone-6
  2. モバイルデバイスエミュレータボタンをクリックして、開発ツールモードを切り替えます。
  3. デバイスセレクタの下で、いくつかのデバイスを選択します。たとえば、iPhone6を選択します。
  4. 次に、デバイスセレクターの右側にある3つのドットメニューをクリックし、[デバイスフレームを表示]オプションにチェックマークを付けます。
  5. これで、Webページが素敵なデバイスフレーム内に表示されます。

    次に、3つのドットメニューをもう一度クリックして、[スクリーンショットをキャプチャ]を選択します。

結果は次のようになります。

クロームで履歴を復元する方法

これで完了です。

興味深い記事

エディターズチョイス

OBS Studio を使用した Twitch ストリーミングの初心者ガイド
OBS Studio を使用した Twitch ストリーミングの初心者ガイド
わかりやすいガイドに従って、OBS Studio を使用した Twitch ストリーミングをわずか 30 分で開始できます。アラートや画像などをストリームに追加する方法を学びます。
Windows10でデスクトップアイコンを小さくする方法
Windows10でデスクトップアイコンを小さくする方法
Windowsの最も優れた点の1つは、Windowsをほぼ無限にカスタマイズして、思いどおりの外観と感触を実現できることです。デフォルト設定はかなり良いですが、常に改善の余地があります。だから、どうやって
Amazon Fire StickでHBOを解約する方法
Amazon Fire StickでHBOを解約する方法
ほとんどの人は、HBO が The Sopranos、The Wire、Game of Thrones など、数多くの素晴らしいオリジナルの番組を持つ素晴らしいチャンネルであり、リストは続きます。どれも評価の高いドラマなので、
Mac OSXプレビューでPDFドキュメントからページを抽出する方法
Mac OSXプレビューでPDFドキュメントからページを抽出する方法
OS Xのプレビューアプリは、ページの再配置や削除、メタデータの変更など、PDFドキュメントの基本的な変更を実行できる強力なツールです。あまり知られていない可能性のある機能の1つは、既存のPDFドキュメントから1つ以上のページを抽出する機能です。それを行うための2つの方法を学ぶために読んでください。
黒曜石ジャーナル テンプレート
黒曜石ジャーナル テンプレート
メモ作成アプリの Obsidian は、ゼロから始めなくても日記を構造化する優れた方法となるテンプレートを利用しています。完璧な黒曜石日記テンプレートを見つけるのが難しい場合は、ここが最適です。
マックス: 内容と視聴方法
マックス: 内容と視聴方法
オリジナル番組に加えて、HBO とワーナーメディアの両方のコンテンツを提供するストリーミング サービス、Max について学びましょう。
Windows10で仮想デスクトップを削除する
Windows10で仮想デスクトップを削除する
Windows10で仮想デスクトップを削除する方法Windows10には、タスクビューと呼ばれる便利な機能が付属しています。これにより、ユーザーは仮想デスクトップを使用できるようになります。