2010-04-08 12 views
7

Est-il possible de tester facilement les sélecteurs jQuery sur une page Web aléatoire en utilisant une sorte de plugin pour navigateur (Firefox)?Test en direct jQuery selector

Ce serait bien si elle pouvait mettre en évidence automatiquement les éléments sélectionnés.

Répondre

11

Firebug + jQuerify bookmarklet (s'il n'y a pas jQuery inclus sur la page).

Vous pouvez obtenir l'aide de mettre en évidence les grandes lignes, $('.test').css('outline', '3px solid red');

5

Oui, vous pouvez simplement utiliser Firebug pour Firefox ou Chrome, ou, vous pouvez utiliser quelque chose comme jsBin. Firebug être exactement ce dont vous avez besoin

Hope this helps

+1

Sur le modèle de jsBin, peut-être http://jsfiddle.net/ peut vous aider aussi. – Dror

+0

Certes, j'utilise également jsfiddle, mais je pense simplement que Jsbin est plus simple. Ils sont tous les deux géniaux –

0

extension idéale pour intégrer jQuery dans Chrome Console aussi simple que vous pouvez imaginer. Cette extension s'indocate également si jQuery a déjà été incorporé dans la page.

Cette extension est utilisée pour intégrer jQuery dans n'importe quelle page de votre choix. Il permet d'utiliser jQuery dans le shell de la console (vous pouvez appeler la console Chrome par "Ctrl + Shift + j").

Pour intégrer jQuery dans l'onglet sélectionné, cliquez sur le bouton d'extension.

LINK à l'extension: https://chrome.google.com/extensions/detail/gbmifchmngifmadobkcpijhhldeeelkc

1

U peut utiliser http://selectortester.ru - il est en ligne jQuery | testeur de sélecteur CSS. Avec le site U peut télécharger la page ou coller HTML et tester des sélecteurs aussi vous pouvez trouver CSS et JQUERY Liste des sélecteurs