【リアルタイム更新】iPhone Xの在庫状況をチェックする方法 - ドコモ・au・ソフトバンク

新着を見る

最終更新 [2017年2月15日]





ブラウザ「firefox」でアドオン・プラグインなしでページ全体やスマホ版サイトのスクリーンショットを撮影する方法です。

自分が長いことお世話になっているブラウザ「firefox」はいつのバージョンからかアドオンなしでページ全体のスクリーンショット撮影ができるようになっています。
またPCでスマホ版のサイトのスクショもアドオンなしで撮影できます。

firefox純正の「開発ツール」の1機能としてページ全体のキャプチャーを撮ることができます。
昔はアドオンをインストールして…と面倒でしたがアドオンなしでいけるので便利です。

ということでfirefoxでアドオン・プラグインなしでページ全体&スマホ版サイトのスクショ撮影を行う方法を紹介します。
ちなみにfirefox系の派生ブラウザ(PalemoonやCyberfoxなど)でも同じことができます。


【firefox系ブラウザ】アドオン、プラグインなしでページ全体&スマホ版サイトのスクリーンショットを撮影する方法

開発ツールの1機能を使えばOK。最初だけ簡単な設定が必要

開発ツールの表示方法

firefoxの開発ツールは、メニューバー > ツール > ウェブ開発 > 開発ツールを表示で開きます。
ショートカットキーで起動する場合は「Ctrl+Shift+l」や「F12」などでOKです。
(他の開発ツールを入れているとショートカットキーだと干渉するかも)

初回のみ「ページ全体のスクリーンショット撮影」を有効にする

開発ツールが開いたら、右上の設定アイコンをクリックします。

いろいろとメニューが表示されます。
この中にある「ページ全体のスクリーンショットを撮影します」にチェックを入れます。
開発ツールのメニューの部分にカメラアイコンが表示されればOKです。
これだけで準備完了です。

PC上からスマホ版サイトのスクリーンショットを撮影したい場合は「レスポンシブデザインモード」にチェックを入れておきます。

ページ全体をキャプチャーしたいサイトを開いて撮影

ページ全体のスクリーンショットを撮影したいサイトを表示します。
今回はYahooを撮影させてもらいました。

Yahooにアクセス後、開発ツールを開きます。
開発ツールの上にあるカメラアイコンをクリックします。

ダウンロードの部分にページ全体のスクリーンショット画像が保存されればOKです。

PC版Yahooの全体のスクリーンショット↑
ちゃんとサイトの幅、長さに合わせたサイズのキャプチャー画像が出来上がります。


スマホ版サイトの全体のスクリーンショットを撮影する方法

スマホ版サイトのキャプチャー撮影もこのままできます。
撮影したいサイトを表示し、開発ツールを開きます。

「レスポンシブデザインモード」のアイコンをクリックします。

UAで判定しているサイトやスマホ版のURLが違うサイトはこの方法じゃダメ。UAの変更を。

Yahooの場合↑のようになってしまいます。。
レスポンシブデザインに対応してないサイトだとこれではダメでユーザーエージェントを切り替える必要があります。

ユーザーエージェントの変更は「カスタムユーザーエージェント」となっている部分にUAを入力すればOKです。

↑はUAをカスタムユーザーエージェントにiPhoneのUAを入力した状態。
ちゃんときれいに表示されました。
カスタムユーザーエージェントを入れた状態で一度ページを更新すれば↑のような表示になります。

サイトを表示させる幅などを選択し「カメラアイコン」をクリックすればスクリーンショットが撮影できます。

↑は320×480のサイズでスマホ版YahooをiPhoneのユーザーエージェントで表示した時のキャプチャー画像です。

このようにfirefox系のブラウザは、ページ全体やスマホ版のスクリーンショットをアドオンやプラグインなしで撮影することができます。
firefox系のブラウザでページのキャプチャーを保存したい人は↑の方法でどうぞ。


< この記事をシェア >




usedoorの新着記事をチェック!

記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m


このFirefox系ブラウザでアドオンなしでページ全体やスマホ版サイトのスクリーンショットを撮影する方法の最終更新日は2017年2月15日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。

キーワード:Cyberfox , Firefox , palemoon , キャプチャー , スクリーンショット , スマホサイト , ページ全体 ,




同じカテゴリの記事

【firefox高速化】マルチプロセスウインドウを有効化する方法 – 解放されたElectrolysis(E10S)をオンに

ブラウザ

過去最高のFirefoxの機能!のハズが初期設定は無効。。アドオンやアクセシビリティにより無効となっている場合の対処方法


新着記事

「2018年ドコモ ディズニーカレンダー」を無料でGETする方法

ディズニー

まもなく配布開始!2018年度カレンダーの配布期間は11/20~です。欲しい人はドコモショップへGO!

【ドコモオンラインショップ】iPhone Xの入荷スケジュールを確認する方法

携帯電話

iPhone Xいつ入荷するの?予約受付日から入荷の目安が確認できるぞ~

【小ネタ】iOS 11からのAppStoreでアプリアップデート一覧画面でアプリの更新内容を全て表示する方法

iPhone / iPad

これ知らなかった。。アプリのアップデート内容をチェックしている人は知っておいて!な小ネタ

【LINE】通知内に表示されるスタンプ・写真のサムネイル画像(小さい写真)を非表示にする方法

LINE

送られてきたスタンプや写真を既読にせずに確認できる機能だけど… 従来のスタイルに戻すこともできる

【iPhone SEが一括0円!】楽天モバイルで「秋のスーパー感謝祭」が開催中! – おトクにスマホを契約する方法

MVNO・格安SIM

かなり熱いセールです。honor 9も一括12,800円!P10 liteも一括4,980円!ZTE BLADE E01は一括0円でさらに最大19,020ポイントもらえます。


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【iPhone Xを即解除!!】ドコモのiPhone・スマホのSIMロックを解除する方法 – WEBからやれば無料!

    iPhone X / 8は条件を満たせば即解禁できる!ドコモのSIMロック解除は自分でやれば無料です


    【10月19日まで】大規模セール『Kindle5周年記念キャンペーン』で超おトクにKindle本を購入する方法

    Kindleってまだ5年だったのか。。5周年を記念して大規模セール開催中


    【小ワザ】無印良品ネット通販の送料を無料にする方法

    LOHACOのロハコモール「無印良品」を使えば1,900円以上で送料無料。Tポイントも貯まる!


    【WindowsもOK】PCから遠隔操作でiPhone・iPadのアラートを鳴らす方法

    マナーモードにしてても音が鳴る!家の中にあるスマホが見つからない時にマジ便利


    注目の記事をぜんぶ見る

  • 最新記事

    「2018年ドコモ ディズニーカレンダー」を無料でGETする方法

    まもなく配布開始!2018年度カレンダーの配布期間は11/20~です。欲しい人はドコモショップへGO!


    【ドコモオンラインショップ】iPhone Xの入荷スケジュールを確認する方法

    iPhone Xいつ入荷するの?予約受付日から入荷の目安が確認できるぞ~


    【小ネタ】iOS 11からのAppStoreでアプリアップデート一覧画面でアプリの更新内容を全て表示する方法

    これ知らなかった。。アプリのアップデート内容をチェックしている人は知っておいて!な小ネタ


    【LINE】通知内に表示されるスタンプ・写真のサムネイル画像(小さい写真)を非表示にする方法

    送られてきたスタンプや写真を既読にせずに確認できる機能だけど… 従来のスタイルに戻すこともできる


    【iPhone SEが一括0円!】楽天モバイルで「秋のスーパー感謝祭」が開催中! – おトクにスマホを契約する方法

    かなり熱いセールです。honor 9も一括12,800円!P10 liteも一括4,980円!ZTE BLADE E01は一括0円でさらに最大19,020ポイントもらえます。


    最新記事をもっとチェック

  • 人気記事ランキング

    【Amazon在庫あり】「ニンテンドースイッチ」を予約・購入する方法

    【Amazon在庫あり】「ニンテンドースイッチ」を予約・購入する方法

    入荷・販売情報!Amazonに在庫あります。欲しい人は急げ~


    ランキングを見る

  • 使い方 カテゴリー

    暮らし
    趣味
    節約・稼ぐ
    WEB
    デジタル
  • キーワード

    Amazon Android apple au Chrome iOS iOS 8 iPad iPhone iPhone 6 iPhone 6 Plus iPhone 6s iPhone 6s Plus iPhone 7 iPhone X iPhoneおトク Kindle MNP PC SIMフリー SoftBank Windows windows 10 オトク キャッシュバック クーポン スタンプ スマートフォン セキュリティ ソフトバンク タブレット ドコモ ドコモオトク ドコモオンラインショップ レビュー ワイモバイル 写真 削除 動画 新規契約 機種変更 注目・ピックアップ 無料 登録 非表示
  • usedoorをフォロー


  • あわせて読みたい記事