実は便利!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ハック、採用など
ビジネスのお役立ち情報を幅広くお届けします。
━━━━━━━━━━━━━━━━━━━━━━
記事一覧
【大好評!残席わずか】メルマガネタ出しの悩みを一瞬で解決!AI活用ワークショップ
「忙しくてメルマガのネタを考える時間がない」 「読者の興味を引くコンテンツが書けているのだろうか」 「ネタを考えるのが苦痛になってしまっている」 そんな悩みから解放され
2025年03月28日
こんにちは! オレンジスピリッツの野口です。 あなたは、セールスや営業に苦手意識はありませんか? もしも答えが「Yes」で、 もしもあなたが、セミナーや説明会で、スラ
2025年03月27日
【先着10名|無料】メルマガネタ出しの悩みを一瞬で解決!AI活用ワークショップ
こんにちは!オレンジメールの野口です。 いつもオレンジメールをご利用いただき、 誠にありがとうございます。 「メルマガのネタが尽きて困っている…」 「いつも同じような内容
2025年03月24日
こんにちは!オレンジスピリッツの高梨です。 メールや書類を作成するとき、 引用内容やフッターの連絡先情報などで、 「区切り線」が必要になることはないですか? シンプルな一
2025年03月21日
【OM100特別号】個別相談が大好評です:「こんなかんたんにネタが出せるなんて」【無料】
こんにちは! オレンジスピリッツの野口です。 ※このメールは、OM100ユーザーの中から特別な条件を満たした 1191名の方だけにお送りしています。 前回、前々回の
2025年03月21日
こんにちは! オレンジスピリッツの野口です。 あなたは、セールスや営業に苦手意識はありませんか? もしも答えが「Yes」で、 もしもあなたが、セミナーや説明会で、スラ
2025年03月20日
【無料相談会】「予約方法がわからない」「どうぜ何か売り込まれるんでしょ?」⇒その答え
こんにちは! オレンジスピリッツの野口です。 ※このメールは、OM100ユーザーの中から特別な条件を満たした 1191名の方だけにお送りしています。 いつもメールを
2025年03月17日
【OM100特別号】オレンジメール、活用しきれてますか?【無料】
こんにちは! 株式会社オレンジスピリッツの野口です。 私自身、会社経営をしながら2人の子供を育てるパパでもあります。 子育ては、初めての連続。 今では笑い話ですが、おむつの
2025年03月10日
【OM100特別号】売上アップにつながるステップメールのコツ【無料】
こんにちは! 株式会社オレンジスピリッツの野口です。 ※このメールは、OM100ユーザーの中から特別な条件を満たした 1191名の方だけにお送りしています。 メール
2025年03月04日
こんにちは。 株式会社オレンジスピリッツの野口です。 有料ユーザー様限定で、 超初心者向けミニワークショップが開催されます。 参加費は、無料です。 お時間も30分だけです
2025年02月21日
【明日開催】BtoB企業向けSEOウェビナー 最終ご案内【無料】
こんにちは。 オレンジスピリッツの甲斐です。 いよいよ明日、BtoB企業向けSEOウェビナーを開催します! 「サイト流入はあるのに、 ターゲット層のコンバージョンが少ない…
2025年02月17日
こんにちは! 株式会社オレンジスピリッツの野口です。 オレンジメール100円キャンペーンは、2月19日までです。 残り3日となりました。 実は、表(LP)には出ていな
2025年02月16日
こんにちは! 株式会社オレンジスピリッツの野口です。 「ステップメール事例集」が熱いです。 現在の事例集は、 ・BPOサービス会社 ・HRシステム開発会社 ・ITコ
2025年02月13日