Làm cách nào để xem thuộc tính ": di chuột" và ": hoạt động" của các phần tử trên trang web?

thể trùng lặp:
How to use chrome web inspector to view hover code Làm cách nào để xem thuộc tính ": di chuột" và ": hoạt động" của các phần tử trên trang web?

Trong cả Google Chrome và Firefox, di chuột và tài sản nhà nước CSS hoạt động chỉ có thể được xem khi nguyên tố này được bay lượn hoặc nhấp vào. Tuy nhiên, ngay sau khi con chuột của tôi rời khỏi phần tử hoặc tôi thả chuột, tôi không thể xem các thuộc tính nữa.

Có tiện ích mở rộng của Chrome hoặc Firefox addon có thể cho phép tôi xem các phần tử ở trạng thái di chuột hoặc đang hoạt động không?

Nguồn

2012-01-03 Leo Jiang

Bản sao dành cho Chrome, cho Firefox, [xem câu trả lời này] (http://stackoverflow.com/a/13855134/247696). – Flimm

Tôi đồng ý .. và @Domenic, chúng tôi tin rằng điều này là sai. Nên là liên kết Flimm đề cập đến –

Cả Firebug và phần mở rộng Trình kiểm tra DOM cho Firefox cho phép bạn kiểm tra: di chuột và: trạng thái hoạt động trên các phần tử tùy ý, như tôi nhớ lại.

Nguồn

2012-01-04 07:30:23

Điều này vẫn hoạt động trong firefox 29? Tôi không thể tìm thấy menu di chuột như trước đây. – billynoah

@ billynoah Nó chắc chắn hoạt động trong DOM Inspector, đó là những gì tôi thường sử dụng. –

bạn sử dụng firefox 29? Tôi thực sự đọc bài viết này (https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector#Selecting-Elements) về cách họ thay đổi hành vi để có một trình đơn thả xuống cho mỗi phần tử trong ngăn html thay vào đó trong chính trang web. nó thực sự khá - chỉ làm tôi bối rối vì tôi đã quen với cách cũ. – billynoah

Nhấp vào phần tử bên trong trình kiểm tra phần tử. Di chuột qua phần tử, nhấn phím mũi tên lên và sau đó nhấn phím mũi tên xuống. Bạn sẽ thấy các thuộc tính di chuột.

Nguồn

2012-01-04 00:30:14 henryaaron

Mẹo hay. Ngoài ra, hãy bấm phím tab (sau khi nhấn các phím mũi tên lên và xuống trên chrome) nếu bạn muốn cuộn qua các thuộc tính css. – Amir

+11

Trong các phiên bản Firefox gần đây, bạn chỉ cần nhấp chuột phải vào một phần tử trong trình kiểm tra phần tử và thiết lập trạng thái mong muốn. Xem [FAQ Inspector] (https://developer.mozilla.org/en-US/docs/DOM_Inspector/DOM_Inspector_FAQ#.C2.A0How_do_I_inspect_pseudo-classes_and_pseudo-elements_in_the_CSS_Rules_viewer.3F) – daniels

Làm cách nào để xem thuộc tính ": di chuột" và ": hoạt động" của các phần tử trên trang web?

Trả lời

Các vấn đề liên quan