オレンジ通信です。

【オレンジクラウド通信】

実は便利!Google Chrome デベロッパーツールの使い方

2024年04月12日


こんにちは!オレンジスピリッツの高梨です。



パソコンで、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ハック、採用など
ビジネスのお役立ち情報を幅広くお届けします。


━━━━━━━━━━━━━━━━━━━━━━



記事一覧

【仕事効率10倍】Zoomで使える裏ワザ5選!

こんにちは!オレンジスピリッツの高梨です。 テレワークが一般化している今、皆さんもZoomを日常的に活用していると思いますが、実

2024年11月22日

【開催まであと3日】成功する社長が実践する「決済の選び方」|無料勉強会

  こんにちは!オレンジスピリッツの永見です。 特にセミナーやスクール、コンサルティングなどの無形商品を扱う方にとって、

2024年11月19日

【11/22開催】知らないと損する!無形商品の売上と利益を伸ばすための方法とは?|無料勉強会

  こんにちは!オレンジスピリッツの永見です。 セミナーやスクール、コンサルティングなど、無形商品の販売をされている方から

2024年11月15日

【号外】理想のお客さんを集める方法

【理想のお客さんを集める方法】 ビジネスをやっているなら、 「良いお客さんだけが来てくれたらなあ・・・」 と、一度は思ったことがあると思います。 実は、こんな悩みの解決方

2024年11月11日

知らないと怖い!売上が伸びない「意外な落とし穴」3選

  こんにちは!オレンジスピリッツの永見です。 「売上を伸ばしたい」と思っていろいろな施策を試しているけど、

2024年11月08日

【号外】【無料】集客に困っている方へ

  こんにちは!株式会社オレンジスピリッツ代表取締役の野口洋一です。いつも弊社サービスをご利用いただき、本当にありがとう

2024年11月05日

【再送】【重要なお知らせ】料金改定および外税方式への変更のご案内

平素より、オレンジフォームをご利用いただき、心より感謝申し上げます。 重要なご案内のため、再度ご案内いたします。 弊社では長らく消費税5%時代から現在の消費税10%に至るま

2024年11月01日

どれがいいの?無料で使える翻訳ツールを徹底比較!

こんにちは!オレンジスピリッツの高梨です。 海外へメールを書く時、海外サイトを読む時、一昔前までは頭を悩ませることも多かったもの

2024年10月25日

【2024年最新版】目的別・最新AIツール完全ガイド

  こんにちは! オレンジスピリッツの永見です。 AIツールが日々進化し次々と新しいサービスが登場していますよね。

2024年10月11日

【重要なお知らせ】料金改定および外税方式への変更のご案内

平素より、オレンジフォームをご利用いただき、心より感謝申し上げます。 弊社では長らく消費税5%時代から現在の消費税10%に至るまで、料金を据え置きし、 消費税分を吸収した形で

2024年10月01日

必見!ビジネスメールで間違いやすい日本語3選

こんにちは!オレンジスピリッツの高梨です。 ビジネスにおいてメールが必須のツールであることは周知の事実ですが、やはり文面

2024年09月27日

資料作成もSNSもあっという間に完成!一瞬で図解を作成する方法

  こんにちは! オレンジスピリッツの永見です。 スライド資料やブログ、SNSなど相手に分かりやすく伝えるために図

2024年09月15日

資料作成もSNSもあっという間に完成!一瞬で図解を作成する方法

  こんにちは! オレンジスピリッツの永見です。 スライド資料やブログ、SNSなど相手に分かりやすく伝えるために図

2024年09月15日

資料作成もSNSもあっという間に完成!一瞬で図解を作成する方法

  こんにちは! オレンジスピリッツの永見です。 スライド資料やブログ、SNSなど相手に分かりやすく伝えるために図

2024年09月15日

資料作成もSNSもあっという間に完成!一瞬で図解を作成する方法

  こんにちは! オレンジスピリッツの永見です。 スライド資料やブログ、SNSなど相手に分かりやすく伝えるために図

2024年09月15日

638 件中 1〜15 件目を表示
<<   <  1 2 3 4 5  >   >>