Consideraciones a la hora de publicar una extensión de navegador

Por lo que he visto se puede subir una extensión de navegador la misma base de código para distintos navegadores Chrome, Firefox, Opera y Microsoft Edge, a continuación me gustaría facilitar algunos enlaces para quién esté empezando y comentar alguna diferencias entre navegadores.

Documentación

Centro de desarrolladores

Tiempo de revisión

  • Chrome: 5 días
  • Firefox: 1 día
  • Microsoft Edge: 3 días
  • Opera: (por determinar)

Cargar extensión en local para testear

  • Chrome: Entra en el menú de 3 puntos – Más herramientas – Extensiones – Cargar descomprimida.
  • Firefox: Ejecuta esto en la barra de direcciones «about:debugging», luego entra en Este Firefox – Cargar complemento temporal.
  • Microsoft Edge: Ejecuta esto en la barra de direcciones «about:flags», activa la opción «Habilitar características de desarrollador de extensiones», entra el menú de 3 puntos – Extensiones, Abajo del todo te aparecerá un botón «Cargar extensión».
  • Opera: Pulsa la tecla Alt para ver el menú de la aplicación, entra en Extensiones – Extensiones – Cargar descomprimida.

manifest.json

Chrome y Firefox pueden compartir el mismo fichero manifest.json de la extensión, pero para otros navegadores hay que indicar unos campos adicionales.

Opera

  • Tienes que indicar: «default_locale»: «es» (esto es para que en la descripción de la tienda te salga el idioma español, si no lo indicas por defecto será en inglés)
  • Tienes que indicar en permissions: «activeTab»

Microsoft Edge

  • Dentro de background tienes que indicar: «persistent»: false
  • Dentro de browser_action tienes que indicar: «default_icon»: {«20»: «icon20.png», «40»: «icon40.png»}

Carpetas

Chrome

  • Si defines default_locale en manifest.json tienes que crear un fichero en la raíz de la extensión:
    _locales/es/messages.json

Imagenes de la tienda

Opera

  • El icono tiene que tener un tamaño de 64 x 64 píxeles
  • La captura de pantalla tiene que tener un tamaño de 640 x 400 píxeles

Chrome

  • El icono tiene que tener un tamaño de 128 x 128 píxeles (lo recoge automáticamente del manifest.json)
  • La captura de pantalla tiene que tener un tamaño de 640 x 400 o 1280 x 800 píxeles

Microsoft Edge

  • El icono tiene que tener un tamaño de 128 x 128 píxeles
  • La captura de pantalla tiene que tener un tamaño de 640 x 400 o 1280 x 800 píxeles

Firefox

  • El icono tiene que tener un tamaño de 128 x 128 píxeles
  • La captura de pantalla tiene que tener un tamaño de 640 x 400, hasta un máximo de 2400 x 1800 píxeles

browserAction

Las aplicaciones suelen añadir un botón en la barra de dirección del navegador que al pinchar en este podemos mandar el usuario a una web, la única diferencia que he visto aquí es que el objeto al que le asignamos la acción en Microsoft Edge es browser y en el resto de navegadores chrome.

var obj_browser = ( navigator.userAgent.search(‘Edge’) > -1 ) ? browser : chrome;
var url_open = ‘https://dominio.com’;

obj_browser.browserAction.onClicked.addListener(function() {
obj_browser.tabs.create({‘url’: url_open});
});

Cosas que recomiendo tener a la hora de subir tu extensión en las distintas tiendas

  • Título de la extensión
  • Descripción de la extensión
  • Iconos en distintos tamaños que he comentado arriba
  • Captura de pantalla
  • Explicación paso a paso de como funciona la extensión en inglés
  • URL a tu web
  • URL a la página de Política de Privacidad de la web de tu extensión
  • URL a un vídeo a youtube (si lo tienes)

Política de privacidad

Si no tienes ninguna página puedes usar este generador de política de privacidad o con la misma instalación de WordPress en español te crea automáticamente una en borrador.

  • Chrome: Es un poco raro la política de privacidad se tiene que indicar a nivel de cuenta no dentro de la extensión en el panel de control de Chrome Web Store – Cuenta – Política de privacidad.
  • Firefox: Edita tu extensión en el centro de desarrolladores – Administrar autores y licencia – Política de privacidad.
  • Microsoft Edge: Edita tu extensión en el Centro de partners de Microsoft – Propiedades – URL de la directiva de privacidad.
  • Opera: Edita tu extensión en el panel de Opera Addons – Versions – Selecciona la versión – Privacy policy URL.

¿Y como crear extensiones para el navegador Safari de Apple?

Aquí ya no he entrado ya que por lo que he visto hace falta una licencia activa y usar xcode por lo que te obliga a tener un mac.

Consideraciones a la hora de publicar una extensión de navegador
Valorar

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies