実は便利!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ハック、採用など
ビジネスのお役立ち情報を幅広くお届けします。
━━━━━━━━━━━━━━━━━━━━━━
記事一覧
実は便利!Google Chrome デベロッパーツールの使い方
こんにちは!オレンジスピリッツの高梨です。 パソコンで、Google Chromeのブラウザをお使いの方は多いと思います。
2024年04月12日
こんにちは!オレンジスピリッツの高梨です。 Web会議ツールを使ったリモートワークやオンライン面接は今や定番。 1番有名な
2024年03月15日
いつもオレンジメールをご利用いただき、ありがとうございます。 株式会社オレンジスピリッツの平野と申します。 弊社では、導入事例としてHPやブログでオレンジメールを紹介してく
2024年03月11日
オレンジメールはGmailおよびYahoo!のメール送信者ガイドライン変更に対応しました
いつもオレンジメールをご利用いただき、誠にありがとうございます。 2024年2月よりGmailおよびYahoo!のメール送信者ガイドライン がこ
2024年01月30日
意外と知らない?Googleスプレッドシートの便利な関数3選
こんにちは!オレンジスピリッツの高梨です。 皆さん、Googleスプレッドシートはご利用ですか?https://www.goog
2023年12月22日
ChatGPTで困っている方必見!AI体験が変わるプラグイン3選
こんにちは!オレンジスピリッツの永見です。 2023年も残りわずかとなりましたが、今年の大きな話題と言えば、やはりAI
2023年12月08日
【オレンジクラウド】管理画面のデザインを一部リニューアルいたします
いつもオレンジメール・オレンジフォームを ご愛顧いただきまして誠にありがとうございます。 2023/12/13(水)に、 オレンジメールとオレンジフォームの 管理画面のデザ
2023年12月06日