Pertanyaan Lihat: melayang-layang di Alat Pengembang Chrome


Saya ingin melihat :hover gaya untuk jangkar yang saya tayangkan di Chrome. Di Firebug, ada dropdown gaya yang memungkinkan saya memilih status berbeda untuk suatu elemen. Sepertinya saya tidak dapat menemukan yang serupa di Chrome. Apakah saya kehilangan sesuatu?


751
2017-12-23 01:16


asal


Jawaban:


Sekarang Anda dapat melihat aturan kelas psuedo dan memaksanya pada elemen.

Untuk melihat aturan seperti :hover di panel Gaya klik kecil :hov teks di kanan atas.

Toggle element state

Untuk memaksa elemen menjadi :hover menyatakan, klik kanan.

Force element state

Tips tambahan tentang panel elemen di Pintasan Alat Pengembang Chrome.


1091
2017-07-21 15:25



EDIT: Jawaban ini sebelum perbaikan bug, lihat jawaban tnothcutt.

Ini agak rumit, tapi begini:

  • Elemen klik kanan, tetapi JANGAN gerakkan penunjuk mouse Anda dari elemen, simpan dalam keadaan mengambang.
  • Pilih elemen inspek melalui keyboard, seperti dalam panah klik lalu Enter.
  • Lihat di alat pengembang di bawah Aturan CSS yang Sesuai, Anda harus dapat melihat: hover.

PS: Saya mencoba ini di salah satu tag pertanyaan Anda.


51
2017-12-23 01:47



Saya ingin melihat keadaan mengambang di tooltips Bootstrap saya. Memaksa: status mengambang di Chrome dev Tools tidak membuat keluaran yang diperlukan, namun memicu acara pusat mouse melalui konsol melakukan trik di Chrome. Jika ada jQuery di halaman yang dapat Anda jalankan:

$('.YOUR-TOOL-TIP-CLASS').trigger('mouseenter');

Forcing hover or mouseenter for Bootstrap Tooltips


21
2017-12-23 15:25



Ada beberapa cara untuk dilihat NEGARA HOVER gaya di Alat Pengembang Chrome.

Metode 01

enter image description here

Metode 02

enter image description here

Dengan Toll Pengembang Default Firefox

enter image description here

Dengan Firebug

enter image description here


9
2018-01-06 08:05



Dalam hal ini membantu, ini tampaknya lebih mudah di Chrome terbaru (47.0.2526.106):

Periksa elemen dan kemudian klik pada tiga titik putih di selokan kiri:
click on the three white dots

Kemudian pilih status elemen yang diinginkan dari tarik-turun ini:
this dropdown


7
2018-01-04 19:22



Saya tidak berpikir ada cara untuk melakukan ini. Saya sudah menyerahkan permintaan fitur. Jika ada cara, para pengembang di Google akan menunjukkannya dan saya akan mengedit jawaban saya. Jika tidak, kita harus menunggu dan menonton. (Anda dapat membintangi masalah untuk memilihnya)


Komentar 1 oleh anggota proyek Chrome: Dalam 10.0.620.0, panel Styles menunjukkan: gaya hover untuk elemen yang dipilih tetapi tidak: aktif.


(pada posting ini) sekarang Saluran stabil versi adalah 8.0.552.224.

Anda dapat mengganti Saluran stabil instalasi Google Chrome dengan Saluran Beta atau Saluran pengembang (Lihat Saluran Pembebasan Akses Awal).

Anda juga dapat menginstal instalasi sekunder dari chrome yang lebih terkini daripada Dev channel.

... Pembuat Canary diperbarui lebih sering daripada saluran Dev dan tidak diuji sebelum dirilis. Karena pembuatan Canary terkadang tidak dapat digunakan, itu tidak dapat disetel sebagai peramban bawaan Anda dan dapat dipasang di samping salah satu saluran Google Chrome di atas. ...


4
2017-12-23 01:34



Saya tahu bahwa apa yang saya lakukan adalah solusi yang cukup, tetapi ia bekerja dengan sempurna dan begitulah cara saya melakukannya setiap kali.

Undock Chrome Developer Tools

Kemudian, lanjutkan seperti ini:

  • Pertama-tama, pastikan Alat Pengembang Chrome dicabut.
  • Kemudian, pindahkan sisi mana pun dari jendela Dev Tools ke tengah elemen yang ingin Anda periksa saat melayang.

Hover on element

  • Terakhir, arahkan elemen, klik kanan dan periksa elemen, gerakkan mouse Anda ke jendela Dev Tools dan Anda akan dapat bermain dengan elemen Anda: hover css.

Tepuk tangan!


3
2017-08-21 23:11



Saya sedang melakukan debug pada suatu menu hover kenalkan dengan Chrome dan lakukan ini agar dapat melihat kode status mengambang:

Dalam Elements panel klik di atas Toggle Element state tombol dan pilih :hover.

Dalam Scripts panel pergi ke Event Listeners Breakpoints di bagian bawah kanan dan pilih Mouse -> mouseup.

Sekarang periksa Menu dan pilih kotak yang Anda inginkan. Saat Anda melepaskan tombol tetikus, tombol itu harus berhenti dan menunjukkan status hover elemen yang dipilih di Elements panel (lihat di Styles bagian).


2
2017-07-22 15:05



Saya bisa melihat gaya dengan mengikuti langkah-langkah di bawah ini disarankan oleh Babiker - "Elemen klik kanan, tetapi JANGAN gerakkan penunjuk mouse Anda menjauh dari elemen, simpan dalam keadaan mengambang. Pilih elemen inspek melalui keyboard, seperti dalam panah tekan lalu tekan tombol Enter."

Untuk mengubah gaya ikuti langkah-langkah di atas dan kemudian - Ubah tab browser Anda dengan menekan ctrl + TAB pada keyboard. Kemudian klik kembali pada tab yang ingin Anda debug. Layar hover Anda akan tetap ada di sana. Sekarang, hati-hati, arahkan mouse ke area alat pengembang.


1
2018-05-02 10:55



Berubah menjadi mengambang status di Chrome cukup mudah, cukup ikuti langkah-langkah di bawah ini:

1) Klik kanan di halaman Anda dan pilih periksa

enter image description here

2) Pilih elemen yang ingin Anda periksa di DOM

enter image description here

3) Pilih ikon pin enter image description here  (Toggle Element State)

4) Kemudian centang mengambang

Sekarang Anda dapat melihat kondisi mengambang dari yang dipilih DOM di browser!


1
2018-06-26 09:01



Dalam kasus saya, saya ingin meng-dubug tooltip bootstrap. Tetapi metode di atas tidak berhasil untuk saya. Saya kira bootstrap mengimplementasikan ini dengan sesuatu seperti mouse in / out event.

Anyway, ketika saya hover pada tombol, itu akan menghasilkan elemen html saudara di bawah tombol, jadi saya pilih elemen induk tombol di tab "Elemen" pada jendela "Alat pengembang", arahkan tombol, dan "Ctrl + C", maka saya dapat menempelkan kode sumber yang berisi kode yang dihasilkan. Terakhir temukan kode yang dihasilkan, dan tambahkan ke kode sumber dengan "Edit sebagai HTML" di tab "Elemen".

Semoga bisa membantu seseorang.


1
2018-01-30 08:58