라이브 테스트 jQuery 선택자

Question

브라우저 (Firefox) 용 일종의 플러그인을 사용하여 임의의 웹 페이지에서 jQuery 선택기를 편리하게 테스트 할 수 있습니까?

선택한 요소를 자동으로 강조 표시 할 수 있으면 좋을 것입니다.

Answer 1

Firebug + jQuerify bookmarklet 도움이

희망을 필요로 정확히 것.

당신은 개요를 사용하여 강조 달성 할 수

, $('.test').css('outline', '3px solid red');

Answer 2

예, 당신은 단순히 당신이 jsBin 같은 것을 사용할 수 파이어 폭스 나 크롬에 대한 Firebug를 사용하거나 할 수 있습니다. 방화범이가 (이 있다면 어떤 jQuery를 페이지에 포함되지 않습니다)

Answer 3

완벽한 확장은 당신이 상상할 수있는만큼 간단한 크롬 콘솔에 jQuery를 포함합니다. 이 확장은 jQuery가 이미 페이지에 삽입 된 경우에도 무효화됩니다.

이 확장 프로그램은 jQuery를 원하는 페이지에 삽입하는 데 사용됩니다. 콘솔 셸에서 jQuery를 사용할 수 있습니다 ("Ctrl + Shift + j"로 Chrome 콘솔을 호출 할 수 있음).

선택한 탭에 jQuery를 포함 시키려면 확장 버튼을 클릭하십시오. 확장에

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

Answer 4

U는 http://selectortester.ru을 사용할 수 있습니다 - 그것은 온라인 jQuery의 | CSS 선택기 시험기. 사이트 U는 페이지를 다운로드하거나 HTML 및 테스트 셀렉터를 붙여 넣을 수 있습니다. CSS 및 JQUERY 셀렉터 목록을 찾을 수 있습니다.