【クローム】グーグルデベロッパツールでhttpを確認する

networksamplehttp
グーグルデベロッパーツールには色んな機能があって
重宝してる方は多いと思います。
今日はデベロッパーツールを使って
httpリクエストヘッダーとかレスポンスヘッダーを
確認する方法を調べて行きたいと思います。

とりあえずプログラムを起動しておく

確認したいWebプログラムやデータを開く前にF12を押して
デベロッパーツールを起動しておきます。

そしてWebプログラムやWebサイトにアクセスすると・・・

これだけの情報を得ることが出来ます。
http2

Basic認証の中身やフォームも書いてある

AuthorizationにはBasic認証のIDとパスワードが書いてあります。
さすがに、そのままbasic認証にログインしたIDやPASSが
ここに表示されるわけではないですけど、base64でデコードかけると
ばれてしまいます。

例えば、コーヒーのみに行ったうちにAuthorization見られたりすると大変ですね。

フォームデータの改ざんも可能

さらにフォームの入力値の変更もできます。
チェックボックスだろうがHiddenだろうが関係ないっぽいですね。

Fiddler でリクエストパラメーターを改ざんする方法

怖いですね。

ただデベロッパーツールの話がしたかったのに
なんか全然違う話になってしまった。

この記事がデベロッパーツールについてよく分かると思います。
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能

ではでは。

スポンサーリンク

この記事が気に入ったら
フォローしよう

最新情報をお届けします

おすすめの記事