2010-11-05 26 views
70

Khi tôi đang gỡ lỗi một trang web, đôi khi các trình chọn được di chuột hơi dài và tương tự như các trang khác, có cách nào áp dụng một loại trạng thái "dính" để di chuột quy tắc trong Firebug không?Bạn có thể tạo trạng thái lơ lửng trong Firebug "dính" không?

Ví dụ; Tôi di chuột qua thanh điều hướng và muốn sao chép bộ chọn ra khỏi firebug để tìm kiếm trong CSS, nhưng ngay sau khi tôi di chuyển chuột, bộ chọn (rõ ràng) biến mất khi nav <li> không bị lơ lửng nữa.

Bất kỳ cách nào để thực hiện việc này?

Cảm ơn :)

+0

kiểm tra câu trả lời này để nhà nước kiểm tra di chuột trong chrome và firefox http://stackoverflow.com/a/20716179/1868660 –

Trả lời

74

Khi kiểm tra liên kết, Firebug hiển thị trạng thái CSS mặc định, ví dụ phong cách áp dụng cho a: link. Theo mặc định, các kiểu di chuột: hover và: đang hoạt động không được hiển thị. May mắn thay, bạn có thể thay đổi trạng thái của liên kết bằng cách nhấn Style và chọn tùy chọn thích hợp:

enter image description here

+5

Tôi biết OP trả lời câu hỏi của riêng mình và rất có thể sẽ muốn giữ lại các điểm trạng thái của mình, nhưng đây là câu trả lời "Hoàn thành" hơn. (Tôi không hoàn toàn hiểu câu trả lời của anh ấy và nghĩ anh ấy có ý nghĩa trong menu của trình duyệt theo một trong các tùy chọn của nhà phát triển) – BillyNair

+1

Đừng quan tâm nhiều về điểm, đây là câu trả lời hay nhất. – Kyle

+1

Plus 1 để nói rằng bạn không quan tâm đến điểm. –

57

Đối với những gì tôi muốn, có một tùy chọn cho nó trong Style thả xuống phía trên phong cách CSS cho phần tử. Chỉ cần nhấp vào menu thả xuống và chọn :active hoặc :hover và nó giữ kiểu cho phần tử đã chọn và được di chuột :)

+19

Cuộc sống của tôi ... nó đã được cải thiện đáng kể, 3 năm và tôi chỉ cho rằng điều đó là không thể. – Moak

+8

Trong nhiều năm, tôi đã sử dụng các nhấp chuột phải lạ và cố gắng trục trặc các yếu tố trên - tại sao oh tại sao tôi không nghĩ đến việc kiểm tra menu Kiểu! – electblake

+0

và nó vẫn là một câu trả lời hữu ích :) –

3

Bạn có thể thử sử dụng trình kiểm tra Chrome và kích hoạt: active: visited state etc .. trên phần tử theo kiểu.

enter image description here

+2

Gỡ lỗi các vấn đề cụ thể cho Firefox yêu cầu sử dụng trình kiểm tra Firefox. –

2

mở cả hai con đom đóm và web developer-> Inspector. Trong cửa sổ Thanh tra, xác định vị trí dòng mã nơi di chuột bắt đầu, nhấp chuột phải và chọn: hover. Sau đó, trạng thái di chuột sẽ ở lại, bạn có thể làm bất cứ điều gì bạn muốn trong firebug.

8

Đôi khi các mặt hàng không bị ảnh hưởng bởi ": hover" nhà nước nhưng do một mouseover trong jQuery hoặc tương tự, trong trường hợp đó bạn manualy có thể kích hoạt sự kiện (hoặc buộc các sự kiện) trong giao diện điều khiển tab bằng cách viết:

$('#a-random-selector').mouseover() 

Hy vọng nó giúp, tôi đến đây tìm kiếm câu trả lời này nhưng phải tìm nó ra bản thân mình

+0

thật tuyệt vời.Bạn có thể làm cho nó * ở lại * trong trạng thái đó sau đó? Giống như, tắt các sự kiện di chuột từ đó? Cuz i'm tryna điều chỉnh giá trị và trạng thái di chuột chỉ biến mất trên tôi. –

+1

Trong trường hợp bạn muốn ngăn chặn trạng thái bạn sẽ phải ghi đè lên trình xử lý sự kiện, bạn sẽ phải xác định lại yếu tố cụ thể nào khi sự kiện đó kích hoạt. Tôi sẽ khuyên bạn nên nhìn vào nguồn nơi sự kiện được xác định và erease nó trên đó ... nhưng một số trang chỉ có rất nhiều mã để làm điều đó. –

+1

Tôi vết thương bằng cách sử dụng aproach thanh tra kép (ff được xây dựng trong và firebug) và cũng: .unbind ('mouseenter mouseleave'); sau khi sử dụng mã của bạn. –

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