オレンジ通信です。

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

実は便利!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ハック、採用など
ビジネスのお役立ち情報を幅広くお届けします。


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



記事一覧

やってはいけない!?商品・サービスの価格設定3選

  こんにちは!オレンジスピリッツの永見です。   自分の商品やサービスの価格、どのように設定していますか?

2024年04月26日

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

こんにちは!オレンジスピリッツの高梨です。 パソコンで、Google Chromeのブラウザをお使いの方は多いと思います。

2024年04月12日

少額予算でもOK!月5万円から始める広告出稿

  こんにちは!オレンジスピリッツの永見です。 そろそろ広告を出してみたいけど 「少額でも広告を出せるの?」

2024年03月29日

Zoomだけじゃない!よく使われるWeb会議ツール3選

こんにちは!オレンジスピリッツの高梨です。 Web会議ツールを使ったリモートワークやオンライン面接は今や定番。 1番有名な

2024年03月15日

オレンジメール導入事例の掲載のお願い

いつもオレンジメールをご利用いただき、ありがとうございます。 株式会社オレンジスピリッツの平野と申します。 弊社では、導入事例としてHPやブログでオレンジメールを紹介してく

2024年03月11日

【3/14開催】「教える」ビジネスの決済を解決する!無料決済勉強会

  こんにちは!オレンジスピリッツの永見です。 「これからオンラインの決済も導入したいけど 何が良いのか分

2024年03月08日

売上アップの鍵!クレジットカード決済導入のメリットを徹底解説

  こんにちは!オレンジスピリッツの永見です。   自身の商品やサービスを販売する中でこれからクレジットカー

2024年03月01日

目指せグローバル!英語を隙間時間で楽しく学ぶ方法3選

こんにちは!オレンジスピリッツの高梨です。 最近、町で外国人の方を見かけることも増えましたよね。 対面の関わりはな

2024年02月16日

生産性アップ!集中力を倍増させる5つのテクニック

  こんにちは!オレンジスピリッツの永見です。   仕事をしていると、スマホからの通知につい反応してしまう、

2024年02月02日

オレンジメールはGmailおよびYahoo!のメール送信者ガイドライン変更に対応しました

いつもオレンジメールをご利用いただき、誠にありがとうございます。 2024年2月よりGmailおよびYahoo!のメール送信者ガイドライン がこ

2024年01月30日

回答率アップ!効果的なアンケートメール作成のコツ

  こんにちは!オレンジスピリッツの高梨です。 皆さん、メールでお客様に、アンケート回答を依頼したことはありますで

2024年01月19日

新年はスキルアップのチャンス!無料リスキリングサービス3選

こんにちは!オレンジスピリッツの永見です。 2024年が始まりましたね。今年もどうぞよろしくお願いいたします。

2024年01月05日

意外と知らない?Googleスプレッドシートの便利な関数3選

こんにちは!オレンジスピリッツの高梨です。 皆さん、Googleスプレッドシートはご利用ですか?https://www.goog

2023年12月22日

ChatGPTで困っている方必見!AI体験が変わるプラグイン3選

こんにちは!オレンジスピリッツの永見です。   2023年も残りわずかとなりましたが、今年の大きな話題と言えば、やはりAI

2023年12月08日

【オレンジクラウド】管理画面のデザインを一部リニューアルいたします

いつもオレンジメール・オレンジフォームを ご愛顧いただきまして誠にありがとうございます。 2023/12/13(水)に、 オレンジメールとオレンジフォームの 管理画面のデザ

2023年12月06日

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