実は便利!Google Chrome デベロッパーツールの使い方
こんにちは!オレンジスピリッツの高梨です。
パソコンで、Google Chromeの
ブラウザをお使いの方は多いと思います。
https://www.google.com/intl/ja/chrome/
そんなChromeに、
「デベロッパーツール」
という機能があることはご存じでしょうか?
その名の通り、
基本的には開発者向けのツールなのですが、
実は専門的な知識がなくても結構便利に活用できるんです。
デベロッパーツールの起動方法
1. Google Chromeで(調査したい)何らかのウェブサイトを開きます。
2. 画面内の何もないところで右クリックします。
3. 表示されるメニューの(基本的には1番下)「検証」をクリックします。
※表示イメージ:
初めてでも使える便利な機能2選
スクリーンのサイズを変更
画面左上にあるデバイスモードのアイコンをクリックすると、
スマートフォンやタブレットのような画面幅が異なるデバイスでの
ウェブサイトの見え方を確認することができます。
幅をドラッグして自由に変えることもできますし、
プルダウンから特定のデバイスを選ぶことも可能です。
画面全体のスクリーンショット撮影
デベロッパーツールを開いた状態で、
以下のコマンドを入力すると検索窓が表示されます。
Macの場合:Command+Shift+P
Windowsの場合:Ctrl+Shift+P
そこに「full」と入力すると、
「Capture full size screenshot」
という選択肢が出てきますので、
そちらをクリックすると、
フルサイズのスクリーンショットが撮れます。
※実際のスクリーンショットイメージ
(途中で切っていますが、実際は縦長です。):
※上記手順は、ご利用デバイス、設定内容や、
Google側の仕様変更によって異なる場合がございます。
もちろん、HTMLやCSSにご有識の方は、
仮編集してもっと細かく確認、テストしたりと、
幅広く活用することが可能です。
ぜひ機会があったら触ってみてください!
【編集後記】
以前ちょこっとお話ししたiPadですが、
ついに先日、意を決して購入しました!
結果、本当に買ってよかった!!
今のところは主に勉強に使っているのですが、
動画視聴はもちろん、
資料に直接手書きで書き込みができたり、
ノートが取りやすかったりと、
気分的な問題かもしれませんが、
モチベーションが爆上がりです。
今後何か良い活用術などを見つけたら、
紹介させていただきますね!
次回の配信は4/26(金)を予定しています。
それでは、また!
━━━━━━━━━━━━━━━━━━━━━━
このメールは、スモールビジネス応援メルマガです。
ひとり社長・個人事業主から
10~20人で運営するスモールビジネスの方へ向けて
売上・利益アップのノウハウやITハック、採用など
ビジネスのお役立ち情報を幅広くお届けします。
━━━━━━━━━━━━━━━━━━━━━━
記事一覧
こんにちは!オレンジスピリッツの高梨です。 テレワークが一般化している今、皆さんもZoomを日常的に活用していると思いますが、実
2024年11月22日
【開催まであと3日】成功する社長が実践する「決済の選び方」|無料勉強会
こんにちは!オレンジスピリッツの永見です。 特にセミナーやスクール、コンサルティングなどの無形商品を扱う方にとって、
2024年11月19日
【11/22開催】知らないと損する!無形商品の売上と利益を伸ばすための方法とは?|無料勉強会
こんにちは!オレンジスピリッツの永見です。 セミナーやスクール、コンサルティングなど、無形商品の販売をされている方から
2024年11月15日
【理想のお客さんを集める方法】 ビジネスをやっているなら、 「良いお客さんだけが来てくれたらなあ・・・」 と、一度は思ったことがあると思います。 実は、こんな悩みの解決方
2024年11月11日
【再送】【重要なお知らせ】料金改定および外税方式への変更のご案内
平素より、オレンジフォームをご利用いただき、心より感謝申し上げます。 重要なご案内のため、再度ご案内いたします。 弊社では長らく消費税5%時代から現在の消費税10%に至るま
2024年11月01日
こんにちは!オレンジスピリッツの高梨です。 海外へメールを書く時、海外サイトを読む時、一昔前までは頭を悩ませることも多かったもの
2024年10月25日
平素より、オレンジフォームをご利用いただき、心より感謝申し上げます。 弊社では長らく消費税5%時代から現在の消費税10%に至るまで、料金を据え置きし、 消費税分を吸収した形で
2024年10月01日