画像クレジット：アルバニアマン（自分の作品）、ウィキメディア-コモンズ経由
私はあなたたちのためのトップのヒントを持っています。 あなたがウェブサイトに行くと、あなたはそれが自分のFacebookアカウントにアクセスしたり、オンラインバンキングを行うためだかどうか、ログインする必********).
そして正当な理由で、それは人々があなたの肩を見て、あなたのパスワードを盗むことを防ぎます。
問題は、推測するのが難しいまともなパスワードを持っている場合、間違いを犯して間違ったパスワードを入力するのは非常に簡単です。
いくつかのウェブサイトでは、ログインを押す前に入力した内容を確認できるように、プレーンテキストでパスワードを表示する機会を与えていますが、ほとんどはそうではありません。
この記事では、ブラウザの開発者ツールを使用して、入力したばかりのパスワードを明らかにする方法をお見せします。
“開発者ツール”という言葉に先送りされないでくださいところで、それは本当に簡単ですし、私はあなたが最も人気のあるブラウザでそれを行う方法を段階的に紹介します。
あなたが学ぶこと
- Google Chromeで隠されたパスワードを明らかにする方法
- Mozilla Firefoxで隠されたパスワードを明らかにする方法
- Microsoft EdgeとInternet Explorerで隠されたパスワードを明らかにする方法
任意のサイトのパスワードは、一般的にウェブサイトのHTMLコードの”入力”フィールドに保存されています。
さまざまな種類の情報を格納するためのさまざまな種類のHTML入力フィールドがあります。 一般的なものは”テキスト”と”パスワード”です。
テキスト入力フィールドに何かを入力すると、入力は完全にそのまま残りますが、”password”入力フィールドは入力した各文字をアスタリスクに変換します。
ここでお見せするのは、入力フィールドのタイプを”password”から”text”に変更して、入力した内容を正確に確認し、間違いを修正できるようにする方法です。
まずGoogle Chromeを見てみましょう:
google Chromeでアスタリスクの後ろに隠されたパスワードを明らかにする方法
ステップ1
あなたのパスワードを入力し、ログインページに移動することがで この例では、私はFacebookを使用しています。
ステップ2
パスワードフィールドを右クリックし、コンテキストメニューがポップアップ表示されたら、Inspectをクリックします。 そうしないと、”Inspect”をクリックすると、変更したい入力フィールドを見つけるのが難しいことがあります。
Facebook signin page inspect element
Step3
「Inspect」をクリックすると、「Elements」タブの下にあるwebサイトの実際のHTMLコードを含むウィンドウが画面の下の四半期に表示されます。
Facebook signin page inspect element
Step3
これが何を意味するのか心配しないで、パスワード入力フィールドである青色で強調表示されているビットを見てください。
ステップ4
type=”password”と表示されている場所を探してダブルクリックします。 これにより、入力フィールドのタイプを編集することができます
“password”という単語を”text”という単語に置き換えて、type=”text”を表示します。
これを行ったら、Enterキーを押します。
ステップ5
ステップ1-4を正常に完了した場合、パスワードをプレーンテキストで表示できるようになりました。
Mozilla Firefoxでアスタリスクの背後に隠されたパスワードを明らかにする方法
Firefoxでパスワードを明らかにするプロセスはChromeと非常によく似ており、開発者ツールの点で若干の違いがある。 しかし、概念は同じです。
ステップ1
パスワードフィールドを右クリックし、コンテキストメニューがポップアップ表示されたら、Inspect Element（Chromeの例と同様）をクリックします。
ステップ2
“Inspector”タブが選択されていることを確認しますが、これはデフォルトで選択されている必要があります。 ここでも、青色で強調表示されているビットを見てください。ステップ3
Chromeの例と同じように、type=”password”と表示されている場所を探してからダブルクリックします。 これにより、実際のコードを編集できます。
“password”という単語を”text”という単語に置き換えて、type=”text”と表示するようにします。
これが表示されたら、Enterを押します。
ステップ4
正しく実行した場合、アスタリスクの後ろのパスワードが明らかになります。
microsoft EdgeとInternet Explorerでアスタリスクの後ろに隠されたパスワードを明らかにする方法
驚くべきことに、プロセスはEdgeとInternet Explorerでまったく同じです。
ここでも、上記の手順、つまり右クリックして要素の検査を選択し、入力フィールドの種類を”テキスト”に変更します。
コードは、ChromeやFirefoxのように「要素」や「インスペクタ」ではなく「DOM Explorer」にそれぞれ表示されますが、基本的には同じです。 これは、webサイトのHTMLとCSSコードを表示し、ブラウザでローカルに変更できる領域です。
もちろん、それはあなたが変更することができます入力フィールドのタイプだけではなく、あなたがあなたのブラウザで見ることができるコードのい
このエリアで遊んで、ウェブサイトのコードのビットを変更することで、少し楽しい時間を過ごしてください。 多分ニュースのウェブサイトの見出しか二つを変え、あなたの新しい見つけられた技術のあなたの友人との笑いを持ちなさい!
もちろん、実際にはウェブサイトのコードを変更するわけではなく、あなただけが行っている変更を見ることができ、更新すると変更は削除されます。
ラップアップ
だから、そこに行く、うまくいけば、このヒントは、あなたが間違いを犯した場合、あなたのパスワードを再入力する必要がないようにす
私はこれをよく、平易な英語で説明し、うまくいけば、あなたはHTMLについて少し学んだことを願っています。
バズ