メイン グーグルクローム 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つのドットメニューをもう一度クリックして、[スクリーンショットをキャプチャ]を選択します。

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

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

これで完了です。

興味深い記事

エディターズチョイス

Wi-FiネットワークでWPSを使用すべきでない理由
Wi-FiネットワークでWPSを使用すべきでない理由
Wi-FiのWEPセキュリティが地震でハンプティダンプティよりもずっと前にひびが入ったことや、WPAが自由民主党の国会議員の大多数と同じくらい安全であることを繰り返す必要はおそらくないでしょう。それでも、
Acer Chromebook 14レビュー:傑出したChromeOSノートパソコン
Acer Chromebook 14レビュー:傑出したChromeOSノートパソコン
Chromebookは通常、手頃な価格を犠牲にする小型で基本的なノートパソコンですが、Acerの新しいChromebook14はその傾向を揺るがすように見えます。通常の方法なしで安価なノートパソコンを作成できることを証明するために
原神インパクトで檻を開ける方法
原神インパクトで檻を開ける方法
https://www.youtube.com/watch?v=EFosYs5kzo8原神インパクトの一部のミッションでは、ケージを開けたり、水を抜いたり、氷を溶かしたりする必要があります。ただし、このゲームでは、その方法についてプレーヤーに手がかりを与えることはできません。私たちのガイドはあなたを助けます
Windows8.1セーフモードで起動する方法
Windows8.1セーフモードで起動する方法
デフォルトでは、Windows8.1とWindows8には、Microsoftがセーフモード機能を非表示にしているため、自動修復エンジンを含むさまざまな回復アクションのための新しいグラフィカル環境があります。システムが起動しない場合、ユーザーの支援なしに、システムが自動的に起動の問題を分析して修正しようとします。しかし、あなたはかもしれません
Fortniteでカスタムマッチを作る方法
Fortniteでカスタムマッチを作る方法
ほとんどのFortniteプレイヤーは、地域の他のプレイヤーと対戦できるように、公共のロビーに並んでいます。ただし、これは競争力のあるプレーヤーやコンテンツ作成者にとって問題になる可能性があります。これを解決するために、カスタムマッチメイキングがトーナメントとビデオの録画に使用されます。
Windows10で空間サウンドを有効にする方法
Windows10で空間サウンドを有効にする方法
Windows 10で空間サウンドを有効にする方法を説明します。有効にすると、オーディオはヘッドホンではなく、周囲で再生されているように感じられます。
携帯電話やノートパソコンが盗まれたときの 3 つのことと、紛失を防ぐための 4 つのこと
携帯電話やノートパソコンが盗まれたときの 3 つのことと、紛失を防ぐための 4 つのこと
数週間前、ある土曜日の朝、私がベッドでうとうとしているときに誰かが私の家に侵入し、Windows 8.1 ラップトップと財布を持って家を出ました。半寝中に足音が聞こえたけど、きっとそう思った