Est-il un addon qui vous pouvez tester les sélecteurs css dans firefox?

Question

Je me demandais si il ya un tel addon de firefox où vous pouvez tester css chemins de vérifier si elles sont de trouver le bon élément? Je cherchais quelque chose de semblable à xpather pour xpath endroits.

Answer 1

FireFinder fait exactement ce que vous cherchez. Vous pouvez évaluer CSS, ou des expressions XPath, il donnera la liste des éléments correspondants, et aussi dessiner une bordure rouge autour d'eux.

Answer 2

Oui, vous pouvez aller pour FireBug, un polyvalent Firefox développement web add-on.

Pour tester un sélecteur CSS, allez à la "Console" de l'onglet et tapez une commande dans le fond de forme (plus d'infos sur la façon de trouver la ligne de commande).

À l'intérieur de la ligne de commande utilisation de l' $$("your CSS selector") de la syntaxe pour tester les sélecteurs CSS, il est expliqué plus en détail ici. Par exemple, utiliser cette commande pour sélectionner tout:

$$("body")

Answer 3

Voici comment utiliser le construit en CSS requête sélecteur dans Firefox:

Allez à Outils > Développeur Web > Console Web

Aussi, vous pouvez appuyer sur ctrl shift i en Windows/Linux, ou cmd opt i en Mac.

Tapez dans votre sélecteur CSS (à l'aide d'traditionnels $$() de la syntaxe) à l'angle inférieur gauche.

L'objet nœud de la liste apparaît sur le panneau de droite de la console.

$$('div')
[object NodeList]
$$('div').length
42

C'est pratique pour les Selenium Webdriver instances de Firefox, où le fait d'avoir une extension n'est pas envisageable.

Answer 4

Essayez de firebug. http://getfirebug.com/

Answer 5

Vous ne savez pas si cela aide. Essayez De Firebug. Vous permet de sélectionner un élément, et voir de quoi il en css chemin est, ainsi que le css appliqué.

Peut faire des expérimentations dans le html/css droite dans le navigateur.