Искам да видя стила :hover за котва, върху която задържа курсора на мишката в Chrome. Във Firebug има падащо меню за стил, което ми позволява да избирам различни състояния за елемент.
Изглежда не мога да намеря нищо подобно в Chrome. Изпускам ли нещо?
Сега можете да видите както правилата на псевдокласа, така и да ги наложите на елементи.
За да видите правила като :hover в панела Стилове, щракнете върху малкия текст :hov горе вдясно.
За да принудите елемент в състояние :hover, щракнете с десния бутон върху него и изберете :hover.
Допълнителни съвети относно панела с елементи в Преки пътища за инструменти за разработчици на Chrome.
<a> елементи).
- person Travis Northcutt; 19.03.2014
PS: Опитах това на един от вашите въпросителни тагове.
Исках да видя състоянието на задържане на мишката върху подсказките на Bootstrap. Принудителното налагане на състоянието :hover в Chrome dev Tools не създаде необходимия изход, но задействането на събитието mouseenter чрез конзолата свърши работа в Chrome. Ако jQuery съществува на страницата, можете да стартирате:
$('.YOUR-TOOL-TIP-CLASS').trigger('mouseenter');
Има няколко начина да видите стилове HOVER STATE в инструментите за разработчици на Chrome.
Метод 01
Метод 02
С таксите за разработчици по подразбиране на Firefox
С Firebug
В случай, че помогне, това изглежда е по-лесно в най-новия Chrome (47.0.2526.106):
Проверете елемента и след това щракнете върху трите бели точки в левия канал:
След това изберете желаното състояние на елемента от това падащо меню:
Не мисля, че има начин това да стане. Изпратих заявка за функция. Ако има начин, разработчиците от Google със сигурност ще го посочат и аз ще редактирам отговора си. Ако не, ще трябва да чакаме и да гледаме. (можете да маркирате проблема със звезда, за да гласувате за него)
Коментар 1 от член на проекта на Chrome: В 10.0.620.0 , панелът Стилове показва стиловете :hover за избрания елемент, но не и :active.
(от тази публикация) Текущата версия на стабилния канал е 8.0.552.224.
Можете да замените вашата инсталация на стабилен канал на Google Chrome с Бета канал или Канал за програмисти (Вижте Канали за издаване на ранен достъп).
Можете също да инсталирате вторична инсталация на chrome, която е дори по-актуална от канала за програмисти.
... Изграждането на Canary се актуализира дори по-често от канала за разработчици и не се тества преди да бъде пуснато. Тъй като компилацията на Canary понякога може да е неизползваема, тя не може да бъде зададена като браузър по подразбиране и може да бъде инсталирана в допълнение към някой от горните канали на Google Chrome. ...
Знам, че това, което правя, е доста заобиколно решение, но работи перфектно и това е начинът, по който го правя всеки път.
След това продължете по следния начин:
наздраве!
Отстранявах грешки в състояние на меню hover с Chrome и направих това, за да мога да видя кода на състоянието при задържане:
В панела Elements щракнете върху бутона Toggle Element state и изберете :hover.
В панела Scripts отидете на Event Listeners Breakpoints в долния десен раздел и изберете Mouse -> mouseup.
Сега прегледайте менюто и изберете полето, което искате. Когато отпуснете бутона на мишката, той трябва да спре и да ви покаже състоянието на задържане на избрания елемент в панела Elements (вижте секцията Styles).
Промяната на състояние задръжте в Chrome е доста лесна, просто изпълнете следните стъпки по-долу:
1) Щракнете с десния бутон във вашата страница и изберете инспектиране
2) Изберете елемента, който искате да проверите в DOM
3) Изберете иконата на карфица 
(Превключване на състоянието на елемента)
4) След това отметнете задръжте
Сега можете да видите състоянието на задържане на избрания DOM в браузъра!
Можех да видя стила, като следвах стъпките по-долу, предложени от Babiker - „Щракнете с десния бутон на мишката върху елемента, но НЕ премествайте показалеца на мишката от елемента, задръжте го в състояние на задържане. Изберете инспектиране на елемента чрез клавиатурата, както при ударената стрелка нагоре и след това клавиш Enter."
За промяна на стила следвайте горните стъпки и след това - Променете раздела на браузъра си, като натиснете ctrl + TAB на клавиатурата. След това щракнете отново върху раздела, който искате да отстраните. Екранът ви при задържане на мишката все още ще бъде там. Сега внимателно преместете мишката си в зоната с инструменти за програмисти.
В моя случай искам да дублирам подсказка за първоначално зареждане. Но методите по-горе не работят за мен. Предполагам, че bootstrap е реализирал това чрез нещо като събитие за вход/изход на мишката.
Както и да е, когато задържа курсора на мишката върху бутон, той ще генерира братски html елемент под бутона, така че избирам родителския елемент на бутона в раздела „Елементи“ на прозореца „Инструменти за разработчици“, задържам бутона и „Ctrl + C“, тогава мога да поставя изходния код, който съдържа генерирания код. Последно намерете генерирания код и го добавете към изходния код чрез „Редактиране като HTML“ в раздела „Елементи“.
Надявам се, че може да помогне на някого.
Мисля, че това вече не е проблем в Chrome, но за всеки случай. Написах този jQuery скрипт, за да проверявам DOM, когато се движа с клавиша TAB.
Ако се промени, за да използва „поставяне на мишката“, ще изглежда така:
$("body *").on('mouseover', function(event) {
console.log(event.target);
inspect(event.target);
event.stopPropagation();
});
Можете лесно да го модифицирате, за да премахнете манипулатора на събития всеки път, когато щракнете или направите нещо върху елемент, на който искате да спрете.
