Jak wyszukiwać elementy DOM przy użyciu selektorów XPath lub CSS w narzędziach programistycznych Chrome?

Doc http://code.google.com/chrome/devtools/docs/elements.html mówi, że obsługuje selektory XPath lub CSS, ale kiedy próbowałem, nie działało dla mnie.

Ktoś wie jak go używać?

Author: Alex.K., 2011-04-14
Source

3 answers

Możesz użyć $x w konsoli Chrome javascript. Nie wymaga żadnych rozszerzeń.

Ex: $x("//img")

 268
Author: Matt Polito,
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
2011-08-29 20:49:09

Samo wpisanie wyrażenia xpath w polu wyszukiwania powinno zadziałać. U mnie działa w budowie wierzchołka drzewa.

Funkcja wydaje się być zepsuta w Chrome 11, ale zgłosiłem błąd na ten temat: http://crbug.com/79716

 15
Author: Yury Semikhatsky,
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
2013-03-11 09:58:36

Do wyszukiwania xpath użyj $x('xpathSelector'). Dla selektora css użyj $('cssSelector').

Jednak ten ostatni selektor zwraca tylko pierwszy pasujący element. Jeśli chcesz zobaczyć wszystkie pasujące elementy, wybierz $$('cssSelector')

 4
Author: cham,
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
2019-10-13 22:19:01