【リアルタイム更新】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 , キャプチャー , スクリーンショット , スマホサイト , ページ全体 ,




新着記事

たばこおトクに購入する方法まとめ – 愛煙家の方へ

生活用品

あんまり安く買える方法がない嗜好品『タバコ』 できる限りおトクに買う方法を書いてみたので愛煙家の方は読んでみてください。

【ドコモ】1月19日から値下げ!機種変更も一部対象。Xperia XZ PremiumやGalaxy S8シリーズなど2017夏モデルAndroidをおトクに購入する方法

携帯電話

ドコモのXperia XZ Premium、Galaxy S8シリーズ、AQUOS Rが一括15,552円に。機種変更の実質価格もダウン!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【発売!!】激安!!ドコモの新機種『MONO MO-01J』を一括648円で購入する方法 – 機種変更も対象!

    機種変更もこの価格!月々サポートが切れているドコモユーザーはチェックしてみて!


    【Twitterが消えた人へ】iPhone・iPadのアプリの年齢制限を解除(変更)する方法

    Twitterの年齢制限が変更されてiOS端末で使えなくなる現象が発生。これで解決


    ドコモの「iPhone 8 / Plus」を予約、発売日付近でもおトクに購入する方法 – 価格、割引、クーポン、キャンペーンまとめ

    ドコモのiPhone 8 / Plus用の価格&キャンペーンが登場!できるだけお安く購入できる方法をまとめています


    【LINE】トーク上でYoutubeを検索、サクッと友だちにシェアする方法 – しれっと新ボタンが登場してる!

    LINE×Youtubeがかなり便利!即友だちにシェアできる&小窓表示で再生しながらトークもできちゃう


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

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


    注目の記事をぜんぶ見る

  • 最新記事

    たばこおトクに購入する方法まとめ – 愛煙家の方へ

    あんまり安く買える方法がない嗜好品『タバコ』 できる限りおトクに買う方法を書いてみたので愛煙家の方は読んでみてください。


    【ドコモ機種変更クーポン】『V30+ L-01K』が5,400円割引になるドコモオンラインショップ限定割引クーポンをusedoor読者にプレゼント!

    ドコモの「V30+ L-01K」に機種変更する際に使える当サイト限定の割引クーポンをプレゼント!


    【ドコモ】1月19日から値下げ!機種変更も一部対象。Xperia XZ PremiumやGalaxy S8シリーズなど2017夏モデルAndroidをおトクに購入する方法

    ドコモのXperia XZ Premium、Galaxy S8シリーズ、AQUOS Rが一括15,552円に。機種変更の実質価格もダウン!


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

  • 使い方 カテゴリー

    暮らし
    趣味
    節約・稼ぐ
    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をフォロー


  • あわせて読みたい記事