Google 크롬 확장 예

Question

몇 가지 문서를 읽었으며 샘플 개념을 검색했습니다. 아직 DOM 수준에서 작동하는 것을 고민하고 있습니다. 내 배경 페이지에 페이지의 dom 요소를 사용하여 작업을 수행 할 수있는 종류의 메뉴를 표시하고 싶습니다. 현재 클릭을 기반으로 새 요소를 추가하기 만하면됩니다.

나는 내 자신의 coustum js로 jquery를로드하려고 시도하고있다. 나는 그 매니 페스트를 쓰려고 노력한 방식인지, 내가 구체적으로 어디서 일어 났는지를 말할 수 없다는 것을 알 수 없다. 그래서 나는 어느 곳에서든지보고 할 수 없다. 어둠이 내 문제를 디버깅하는 방법을 모르고 무엇을 잘못했는지 추적하려고합니다.

저는 누군가가 저에게이 물건의 핵심적인 예를 보여주기를 희망합니다. 그래서 저는 실제로 일할 수 있습니다. 누군가가 내가 디버깅 할 수 있습니다 방법을 알고 또한 만약 내가 알고 드리겠습니다 .. 그것도

Answer 1

좋아,

당신은 background page에 스크립트 자체에 관련된 스크립트 요소를 제외하고 아무것도 넣지해야
1. 이후 그것은 사용자에게 숨겨져 있어야합니다.
2. 확장 프로그램의 모든 페이지에 jQuery를로드하려면 웹 페이지에서 일반적으로하는 것처럼 jQuery를로드 할 수 있습니다.
   <script type="text/javascript" src="jquery.js"></script>
3. 디버깅, 당신은 + Ctrl 키 + Shift 키를 눌러 I개발자 도구 (확장의 페이지의에)을 열거 나 확장 페이지의 "background.html"를 클릭합니다 (chrome : // extensions).
4. 웹 페이지에서 DOM을 제어하려면 content scripts을 사용할 수 있습니다.
더 확장 예를 들어
5. , http://code.google.com/chrome/extensions/samples.html (멋진 물건을 많이!)를 방문

개발자 도구를 열려면 링크를 클릭합니다. (Firebug와 흡사 한 재미있는 사실이며, Google이 아닌 Apple이 개발했습니다 .D :)

희망 사항을 통해 모든 질문에 대한 답변을 얻을 수 있습니다.