Jak uruchomić selektory CSS w narzędziach programistycznych dla Chrome 17?
Wygląda na to, że okno wyszukiwania narzędzi programistycznych w Chrome 17 nie pasuje już do selektorów CSS. Boo. Wiem, że mogę używać konsoli JS, ale to naprawdę pomaga mi zobaczyć mecze w kontekście DOM. Jeśli ktoś wie, jak Mogę to jeszcze osiągnąć lub ewentualnie, jak wrócić do poprzedniej (tj. tej, którą miałem wczoraj) wersji chrome byłbym wdzięczny.
4 answers
nie udało mi się znaleźć żadnego obejścia, aby selektory CSS działały ponownie na pasku wyszukiwania. radujcie się, bo wrócili!
W każdym razie możesz użyć document.querySelectorAll()
z selektorem w konsoli JS, a następnie kliknąć prawym przyciskiem myszy dowolny z dopasowanych elementów i wybrać Reveal w panelu Elementy i pokaże ci, gdzie jest w DOM, tak jak w poprzednich wersjach.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-23 12:17:59
Innym sposobem jest użycie $$
w konsoli, na przykład:
$$("#contents ul.features")
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-03-05 11:04:53
To była niezamierzona regresja w Chrome, której nie złapaliśmy. Na szczęście Ariel (w komentarzach tutaj) złożyła mandat {[2] } i został on naprawiony dwa dni później.
Jeśli wszystko pójdzie dobrze, dotrze do stabilnego kanału za około 11 tygodni. Jednak funkcja jest teraz dostępna w Chrome Canary , więc polecam jej użycie.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-02-08 14:35:40
Sprawdzam selektory Css i XPath używając rozszerzenia Natu WebSync dla Chrome.
Może:
- podziel selektor na części i zweryfikuj je osobno
- Pokaż kolorem, ile elementów jest znalezionych dla każdej części selektora. 0-Czerwony, 1 - Zielony, kilka-Żółty
- podświetl elementy na stronie, gdy najeżdżam na Część selektora
- przejdź do elementu selektora w zakładce Elements po kliknięciu części selektora
Może być bardzo przydatna dla tych, którzy trzeba napisać i zweryfikować złożone selektory.
Https://chrome.google.com/webstore/detail/natu-websync/aohpgnblncapofbobbilnlfliihianac
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-01-17 13:58:28