2013-01-07 1 views
1

플러그인이있어서 툴바에서 버튼 클릭당 작은 CSS 속성을 실행/설정하겠습니다 (Google에서 발견하지 못했음)?빠른 jquery/CSS 작업을 실행하기위한 FireFox 툴바 플러그인

예를 들어 테스트 목적으로 특정 항목을 보이지 않게 설정할 필요가있는 웹 사이트가 있습니다. 나는 지금 방화범을 피우지 만, 매번 요소 (들)로 이동 한 다음 표시해야합니다 : 아무 것도 없습니다.

예를 들어. 실행 : 내가 잊고 내 인간의 행동 무서워하기 때문에 코드에이를 추가하지 않으

$('#id1').show(); 
$('.test').hide(); 

. 사이트의 모양이 달라질 수있는 요소이기 때문입니다.

감사합니다.

답변

1

아마도 할 수있는 일은 북마크릿을 만드는 것입니다.

북마크릿은 북마크 도구 모음의 링크 또는 '북마크'에서 현재 페이지에서 코드를 실행할 수있는 항목입니다.

가장 인기 있고 분명한 bookmarklet 예제 중 하나는 아마도 Pinterest가 될 것입니다. 사용 해본 적이 있다면 북마크릿을 사용하여 현재 페이지의 모든 이미지를 긁는 JS 코드를 실행할 수 있습니다. 매우 영리한 물건이지만, 일단 당신이 그것에 당신의 머리를 얻으면 상당히 간단하다.

JQuery와 북마크 생성기가있다 ... 장소에 코드 예를 보려면이 링크를 시도하십시오 : 당신은 그것을에 큰 녹색 버튼을 볼 수

http://benalman.com/code/test/jquery-run-code-bookmarklet/?name=Run+jQuery+Code&ver=1.3.2&code=%24%28%27%23id1%27%29.show%28%29%3B%0D%0A%24%28%27.test%27%29.hide%28%29%3B%0D%0A

. 이 버튼은 코드를 실행합니다. 그러나 이것 자체는 무엇입니까? 지금해야 할 일은 입니다.이 버튼을 클릭하여 브라우저의 북마크 바으로 드래그하십시오.

그런 다음 여기를 클릭하면 모든 페이지에서 원하는대로 실행/실행해야합니다.

희망이 도움이 되셨습니까? Mikey

+0

오 마이 갓! 이거 엄청나 네 !! 백만 명의 친구에게 고마워. –

+0

도움이되기를 기쁘게 생각합니다! 해피 코딩 ... :) –