2011-01-18 40 views
9

Tengo experiencia en HTML y JavaScript pero nunca he hecho una extensión de Chrome (real) (aparte del tutorial "Hello World")Extensión de Chrome: cómo crear?

Lo que quiero hacer es crear una extensión que agregue funcionalidad a la visualización de imágenes. Básicamente quiero un pieice de JavaScript para cargar cuando vayas a una página .jpg, .png, etc.

No pude sacar mucho provecho del tutorial "Hello World" o de los Documentos y he buscado en el código del árbol XML, pero estoy teniendo problemas para entenderlo.

no sé a dónde ir desde aquí.

Respuesta

42

Dado que tiene experiencia en JavaScript y HTML, ¿cuál es la mejor fuente?


http://developer.chrome.com/extensions/getstarted.html


Documentación

El enlace de arriba (Documentación extensión de Chrome) es tan sencillo de leer una vez que se obtiene una caída de ella. Por ejemplo, no sabía JavaScript cuando creé mi primera extensión de Chrome (vuelva a cargar todas las pestañas). Te recomiendo que leas los documentos (solo te llevará una hora), y sigue los pasos que necesites.

  1. Asegúrese de que entiende de la interfaz de usuario diferente puede tocar a
    1. Browser Actions: Se utiliza acciones del navegador para poner los iconos en la barra de herramientas de Chrome.
    2. Context Menus: Usa menús contextuales para agregar elementos al menú contextual de Chromes.
    3. Desktop Notifications: utilice las notificaciones de escritorio para notificar a los usuarios que algo es importante.
    4. Option Pages: ¡Si quieres una página de opciones, este es tu hombre!
    5. Page Actions: Si desea anular ciertas páginas (nueva pestaña, Historia, Administrador de marcadores)
  2. Asegúrese de que te das cuenta de que hay muchas interacciones del navegador que usted puede aprovechar:
    1. Bookmarks: El acceso a sus marcadores
    2. Cookies: acceso a las cookies
    3. History: el acceso a la historia
    4. Management: Acceso a la Gestión de Extensión
    5. Tabs: El acceso a su más aquí
    6. Windows: El acceso a tu Windows (que tiene más aquí).
  3. Asegúrese de comprender la diferencia entre Background Pages y Content Scripts, y sus limitaciones.
  4. Asegúrese de darse cuenta de que hay algunas funciones claras en el Chrome.* API.
  5. Asegúrese de comprender permissions.
  6. Muchas más

145 Chrome Preguntas que respondieron en Stackoverflow

Si desea más ejemplos, he respondido many preguntas con respecto a las extensiones de Chrome que podría ayudarle a empezar (145+ preguntas contestadas), por ejemplo, aquí están algunos de los más recientes:

  1. Content Script Skeleton
  2. Send data from Background Page to Content Script
  3. Communication with the embedding page, Simple fetching of the pages JS variable
  4. Taking Screenshots in Chrome
  5. Walkthrough building an extension
  6. Executing JavaScript when a user clicks on a browser action.
  7. How to capture selected text and send it to a web service
  8. Walkthrough how to create an extension to access Disqus Comment Box
  9. Walkthrough how to highlight the DIV that the mouse if hovering over
  10. Walkthrough how to move to the top of the page extension
  11. Walkthrough how to create a bubble overlay when you select text.
  12. etc. y 120 more answers para extensiones de Chrome, lo que he copiado anteriormente de los resultados en la primera página. Entonces, una búsqueda en Google le dará muchos resultados.

extensión real de código abierto que creó

Si desea ver el código fuente real de las extensiones que he escrito (algunos son muy pequeños, algunos son super grande):

Recursos

Si todavía quiere más recursos, puede:

  1. Leer el documentation.
  2. Lea el Official Chromium Extension Mailing list
  3. El no oficial Internet Relay Chatroom # chromium-extensions en irc.freenode.neta
  4. Google (le llevará a Stackoverflow o Quora)

espero que esto ayudó!

+4

Esta sería una gran página wiki de información sobre la etiqueta – PeeHaa

Cuestiones relacionadas