2010-04-08 17 views
7

Ist es möglich, jQuery-Selektoren auf irgendeiner zufälligen Webseite mit einer Art Plugin für Browser (Firefox) bequem zu testen?Live-Tests jQuery-Selektor

Es wäre schön, wenn ausgewählte Elemente automatisch hervorgehoben werden könnten.

Antwort

11

Firebug + jQuerify bookmarklet (wenn es keine jQuery auf der Seite enthalten).

Sie erreichen können, markieren Umriss verwenden, $('.test').css('outline', '3px solid red');

5

Ja, können Sie einfach Firebug für Firefox oder Chrome verwenden, oder, Sie so etwas wie jsBin verwenden können. Firebug ist genau das, was Sie

Hoffnung brauchen diese

hilft
+1

Im Sinne von jsBin, vielleicht http://jsfiddle.net/ kann Ihnen auch helfen. – Dror

+0

Stimmt, ich benutze auch jsfiddle, aber ich denke, Jsbin ist einfacher. Sie sind beide großartig –

0

Perfekte Erweiterung jQuery in Chrome-Konsole so einfach einbinden, wie Sie sich vorstellen können. Diese Erweiterung zeigt auch an, ob jQuery bereits in die Seite eingebettet wurde.

Diese Erweiterung wird verwendet, um jQuery in jede gewünschte Seite einzubetten. Es ermöglicht die Verwendung von jQuery in der Konsolen-Shell (Sie können die Chrome-Konsole mit "Strg + Umschalt + j" aufrufen).

Um jQuery in die ausgewählte Registerkarte einzubetten, klicken Sie auf die Erweiterungstaste.

LINK zur Erweiterung: https://chrome.google.com/extensions/detail/gbmifchmngifmadobkcpijhhldeeelkc

1

U kann http://selectortester.ru verwenden - es ist online jQuery | CSS-Selektor-Tester. Mit der Seite U kann Seite herunterladen oder einfügen HTML und Test-Selektoren können Sie auch finden CSS und JQUERY Selektoren Liste