webdevqa.jp.net

高解像度スクリーンショット

私は 素晴らしいスクリーンショット Google Chrome、Safari、Firefoxの拡張機能/アドオンを使用しています。

MacBook Pro Retinaで昨日まで正常に動作し、HiDPI(Retinaスクリーンショット)を生成していましたが、今日はFirefoxとGoogleで通常のスクリーンショットの生成を開始しましたChromeまだSafariで高解像度のスクリーンショットを作成しています。

私はGoogleを使用していますChromeバージョン:38.0.2125.101およびFirefoxバージョン:32.0.3。

Retina対応のMaBbook ProでChromeおよびFirefoxで高解像度のスクリーンショットを生成するにはどうすればよいですか?

現在、高解像度のスクリーンショットの代わりに Paparazzi を使用していますが、ブラウザのサイズを変更してレスポンシブなスクリーンショットも取得する必要があります。これは、Paparazziでは不可能です。

8
Qamar Ashraf

これはChrome= v59以降で実現できます。

開発者ブログでの発表

ビデオチュートリアル

手順の概要(テキストが必要な場合):

  1. オープン開発者ツール
  2. デバイスのツールバーを切り替えます
  3. デバイスのツールバーで目的の解像度を設定します(これがピクセル密度を制御するため、DPRオプションに注意してください)
  4. デバイスツールバーの[その他のオプション]オーバーフローメニューを選択します
  5. [スクリーンショットをキャプチャ]または[フルサイズのスクリーンショットをキャプチャ]を選択します
  6. スクリーンショットはダウンロードフォルダーに保存されます
14
jsejcksn