• 締切済み

サイトのHTML要素取得(デベロッパーツール)

Google chrome のデベロッパーツールについて教えて下さい。 サイトのログイン画面上、セレクトモードにて、ID&PWの入力フォームの要素は確認できるのですが、同じ画面内のログインボタンにポインタを合わせても、ログインボタンの要素は表示されず、canvasタグ情報しか表示されません。 どうにかログインボタンの要素を確認する方法はないでしょうか? セレクトモードでID&PWの入力フォームにポインタを当てた場合、フォームのみにフォーカスされ、要素情報が表示されます。しかしログインボタン含め入力フォーム以外にポインタを持っていくと、画面全体にフォーカスされ、canvasタグ情報が表示されます。もちろんログインボタンは押せる(機能している)ので、固有のタグが表示されるはずと思っていますが、されません。 手前のcanvasタブを何らかの方法で消すか、無視して奥のタブ情報を取得したいと思っています。

  • HTML
  • 回答数3
  • ありがとう数2

みんなの回答

  • t_ohta
  • ベストアンサー率38% (5076/13259)
回答No.3

> ログインボタン図上にポインタがある状態でクリックが発生した、という判断をどう行っているのでしょう? 要素を指定する場合はタグ名(canvas)やタグのIDを指定することでクリックが発生したことを認識できます。

  • t_ohta
  • ベストアンサー率38% (5076/13259)
回答No.2

> そうするとcanvas上のログインボタン図の位置上にポインタがあることをどう判断させているのでしょうか..? JavaScriptにはHTML上の要素に対してイベントを追加する機能があるので、そう言うプログラムを用意することでブラウザがボタンをクリックした際に処理を行ってくれます。

kengenki
質問者

補足

> JavaScriptにはHTML上の要素に対してイベントを追加する機能があるので、そう言うプログラムを用意することでブラウザがボタンをクリックした際に処理を行ってくれます。 そのHTML上の要素(今回はログインボタンの要素)が見当たらず困っています.. デベロッパーツールのセレクトモードでポインタを持っていっても<canvas>タグ情報しか表示されません。ログインボタン図の位置情報を取得したいのです。ログインボタン図上にポインタがある状態でクリックが発生した、という判断をどう行っているのでしょう?

  • t_ohta
  • ベストアンサー率38% (5076/13259)
回答No.1

ログインボタンをcanvasタグで描画していて、JavaScriptでクリックイベントを発生させている可能性はありませんか。

kengenki
質問者

補足

>t_ohta さん ご回答ありがとうございます。 おっしゃる通り、canvasタグでログインボタンが描かれていました。そうするとcanvas上のログインボタン図の位置上にポインタがあることをどう判断させているのでしょうか..?

関連するQ&A

  • デベロッパーツールでHTML構成が確認できません

    スクレイピングするため、このサイトのHTML構成を確認しようと思ったのですが、添付画像のようにエラーが発生します。 https://data.wingarc.com/scraping-27053 このサイトを見ながら記事のタイトルの情報をスクレイピングしようと思ったのですが、セレクトボタンを押し、スクレイピングしたい範囲を選択しても、手に入れたいデータを指定するタグが見つかりません。マウスカーソルの左上部分に四角い枠が表示されるのですが、この中に目的の情報があるのでしょうか?

  • フォーカス取得からの画面移動について

    現在、一画面では表示できずにスクロールバーを使って対応している状態です。(フォームの上にピクチャーを2枚貼り付けてそこに各コントロールを設置しています) スクロールバーを使えば問題ないのですが、タブを使って入力していった場合どうしても画面から見切れてしまいます。 そこで、フォームの中央より下にフォーカスが移った場合にピクチャーコントロールのトップを下にずらすということは可能ですか?

  • [HTML]TABインデックスはいいけれど・・・。

    こんばんは。 HTMLでフォームを作った際、タグの中に TAGINDEX='x' と設定してやればその順番どおりに「TABキー」を押したらフォーカスが移動しますよね? 例えば5つのテキストボックスがあってそのうち3つに1,2,3とTABインデックスをつけたとします。その場合、最初の3回はその順番どおりにいき、次に押せば、TABインデックスがなく、先に表示されているテキストボックスにフォーカスが移動してしまいます。 私としては残りの2つはTABでフォーカスしてほしくないのです・・・でもマウスクリックではして欲しいのです。 つまり、フォーカスが来たからと言って違うテキストにフォーカスを移すというJavaScriptではダメです。マウスでクリックした場合も移動してしまうからです。 なんかいい方法ないですか?

  • サイト内でSSLを利用すべき要素について

    お世話になります。 現在、動画配信を管理するASPサービスのシステムを構築中です。 1つのレンタルサーバと契約しています。IPは1つです。 以下のような構成になっています。 1.www.○○.jp こちらはサービス紹介用のWebサイトです。 2.haishin.○○.jp こちらはシステム側のサイトです。ログインIDによって、動画管理者用ページ、動画閲覧ユーザー用ページに振り分けます。全く異なる画面です。 ただいま画面開発中で、SSLの導入を検討中です。 ここで質問なのですが、このサービスのサイト全体で言うと以下のような要素があります。このうち、一般的にはどれをhttpsとすべきなのでしょうか? 1について 1-I サービス紹介(ご紹介~価格~FAQなど) 1-II 問い合わせフォーム(メアド、住所など入力) 1-III お申込みフォーム(メアド、住所など入力) 2について 2-1 ログイン画面 2-2 ユーザー用ページ(動画の閲覧など。個人情報の入力はなし) 2-3 管理者用ページ(ユーザーの登録・料金プランの変更など) 私としては、1-IIと1-III、2-3をssl化すべきだと思うのですが、いかがでしょうか? 教えてください、お願いします。

  • HTMLタグ教えて!

    HTMLタグ教えて! フォームにURLを入力してボタンを押すと、入力したURLにジャンプすると、いうことがしたいのですが どうすればいいかわかりません。知っていたりしたら教えてください。

  • ヤフーメール フォーム画面のID、PWが消えない

    知っている方がおりましたら、ご教授ください。 複数の人が使用する、会社のPC(OS7、今年春リースで導入)でヤフーメールをしました。フォーム画面でID、PW入力し、ログイン、メール確認後、ログアウト。別日に同じPCでヤフーメールをしようとすると、ログイン用フォーム画面に、なんと!!★自動で私のID、PWが表示されて、ログイン★。だれでもログイン可能な為、PW変更し対処しました。しかし、新しいPWをメールのフォーム画面で入力する度、PWが保存されているようで、またPWの変更を自宅PCでしました。その他に、IE9の閲覧の履歴削除、オートコンプリート履歴削除など、ブラウザ側は対処したつもりです。が、ヤフーメール側にもID情報が残っているようです。あとOSも関係するのかどうか。どこに問題があるのかわからないです。パスワードを保存するかのダイアログで「はい」はしていませんが。 どうぞ、よろしくお願いします!

  • Tab順の設定とフォーカスの取得

    はじめまして。 今FlashMX2004で画面を作成しています。 環境は以下です。 Flash Player7.0 ActionSctipt2.0 内容としましては、ログイン画面で、入力項目に以下のようなものがあります。 ・ユーザID(テキストツール) ・パスワード(テキストツール) ・ログインボタン(シンボル変換にて作成したボタン) これを上から順にTABで移動させたいのですが、うまくいきません。 いろいろと試行錯誤し、 .tabIndexを設定する方法も試みましたが、どうもうまく動きません。 また、最初のユーザIDにフォーカスを最初にセットさせたいと思い、SetFocusの記述を入れてもそれもだめでした。 最後のボタンまでTABが移動したら、また最初のユーザIDにも移動させたいのですが・・・ 初歩的な問題で申し訳ないですが、困ってます。 どなたかよろしくお願いいたします。

    • ベストアンサー
    • Flash
  • javascript を用いたログイン処理

    ログイン画面(1)でログインIDとパスワードを入力し、ログインボタンを押下します。 システムAにてログイン認証処理を行います。 ログイン後の画面はTOP画面(1)を表示します。 特定のユーザのみ、システムBにログイン認証処理を受渡し、 ログイン後の画面、TOP画面(2)を表示します。 (システムBでのログイン承認処理には、通常ログイン画面(2)からID、PWを入力しますが、 ログイン画面(1)にてID、PWを入力した場合、ログイン画面(2)は表示しません) 言葉だけで申し訳ありません。 上記のようなログイン処理システムをJavaScriptを使用して作成したいのですが、 何か参考になるサイトなど教えていただけないでしょうか。宜しくお願いします。

  • ログイン機能など個人情報を入力する画面で、どこからSSLの画面とすれば

    ログイン機能など個人情報を入力する画面で、どこからSSLの画面とすればいいですか? 1.ログインのフォームを表示する画面 2.ログイン処理をして、その後表示する画面 1.の時点からSSL通信しないと、フォームの情報は暗号化されないのでしょうか。

  • HTMLでの画面の大きさを変え方

    HTMLかJAVAスクリプトのタグがプログラムで画面のPCの画面中央くらいに画面の4分の1くらいのサイズでHTML画面を表示させたいのですがどうすればいいのでしょうか? どのようなタグを埋め込めばいいか教えてください。 あともしわかればでいいのですが、画面内でボタンをつくりそのボタンを押すと次のページにいくようにしているのですが、このとき別ウインドウで表示させたいのですがそのプログラムかタグをしっているかたがいましたら教えてください。 初心者で困っています。いろいろ聞いてすいません。。

    • ベストアンサー
    • HTML

専門家に質問してみよう