Cómo crear una extensión de Chrome

“Dentro de nuestra vida actual, estamos más ansiosos por usar aplicaciones de redes sociales y el motor de búsqueda de Google para nuestros propósitos de entretenimiento y búsqueda, yo.mi., Investigue algunos temas educativos a través del motor de búsqueda "Google" y también obtenga conocimiento general. Para usar el motor de búsqueda de Google para buscar algo, debemos tener algunos navegadores ya instalados en nuestros teléfonos móviles, computadoras portátiles o computadoras personales. Uno de los navegadores más utilizados y eficientes del siglo de hoy es el navegador "Google Chrome" que se les ocurrió muchas buenas funcionalidades junto con la utilidad de extensión. La "extensión" es el complemento que se encuentra en cualquier navegador para restringir o permitir sitios web y diferentes funciones. Estas extensiones generalmente no se incorporan; Debe agregar cada extensión a su navegador por separado cuando sea necesario. Si es un poco experto en tecnología, es posible que conozca el uso de archivos JSON manifiestos para crear y agregar una extensión en unos pocos pasos. Por lo tanto, este artículo cubrirá todos esos pasos para crear una nueva extensión en el navegador Google Chrome.

Antes de echar un vistazo al método para crear una extensión, debe asegurarse de que su navegador Google Chrome ya esté lanzado y el motor de búsqueda "Google" no contenga ningún fondo. Puede ver que la imagen adjunta a continuación no tiene fondo para el motor de búsqueda "Google.com "yo.mi., Fondo blanco solamente."

Agregar carpeta de extensión

Abra su herramienta de código Visual Studio rápidamente desde las aplicaciones de su sistema Windows. Puede tomar hasta 1 minuto abrir correctamente el código de Visual Studio y habilitarlo para nuestro uso. Una vez que se ha iniciado correctamente y está listo para la utilización, hemos agregado la carpeta ya generada "Extensión" en ella a través de la lista de menú "Archivo" en la barra de tareas superior que se muestra a continuación. Después de crear la carpeta de "extensión", hemos agregado otra carpeta llamada "imagen" que contiene las imágenes que se utilizarán como un icono para la extensión en el navegador. Junto con eso, hemos agregado un "manifiesto.Archivo JSON "y un archivo JavaScript llamado" Script.JS ”para crear una nueva extensión y agregarla al navegador. Comencemos desde el manifiesto.El archivo JSON haciendo doble clic en él para comenzar a trabajar en JSON para crear y usar una extensión para cambiar los antecedentes de "Google".

Crear archivo manifiesto

Dentro del manifiesto.Archivo JSON, debe agregar el código "JSON" mostrado-Below. Este código es el script de configuración real para crear y agregar una extensión a nuestro navegador Google Chrome. Este código JSON se ha iniciado con la inicialización de la versión de manifiesto variable como "2" y el nombre de una extensión a crear, I.mi., "Cambiar el fondo". Después de esto, agregamos la breve descripción de nuestra extensión dentro de la variable "Descripción".

Junto con eso, hemos agregado la versión de una extensión como "1.0 ". Después de que se crean todas las configuraciones básicas para la "extensión", necesitamos agregar la ruta al icono de la imagen para ser utilizado como icono para las extensiones. La variable "navegador" se ha definido para establecer el icono de extensión para la barra de tareas superior del navegador de Google Chrome, I.mi., donde se muestran todas las extensiones después de habilitarlas para uso futuro para todos o todos los sitios. Después de esto, hemos agregado la ruta a tres archivos de imagen de diferentes tamaños para que el navegador pueda usar diferentes archivos cada vez.

Junto con eso, la variable "Page_Action" se ha utilizado para mostrar qué imagen se mostrará después de hacer clic en el icono "Extensiones" desde la barra de tareas superior de Google Chrome. La variable "default_icon" se ha utilizado dentro de ella, junto con sus tres valores de ruta diferentes para que las imágenes se usen como iconos en cada recarga. Se utilizan tres archivos de imagen diferentes para este propósito. La última variable content_scripts toma un total de 2 nuevas variables, yo.mi., Partidos y CSS. La variable "coincidencias" contiene la ruta al sitio web que se alterará después del uso de esta nueva extensión. Junto con eso, la variable "CSS" contiene el nombre de un archivo CSS que se utilizará para el estilo de Google.com después de solicitar la extensión, yo.mi., Styling Google.com después de cada recarga al habilitar la extensión. Ahora que este código está completo y listo para su uso, solo guárdelo rápidamente y avance hacia el "principal.archivo de CSS ".

Dentro de la principal.Archivo CSS CSS, hemos estado agregando un estilo para que se cree nuestra extensión de archivo manifiesto. El estilo se aplicaría usando la etiqueta HTML "Body", yo.mi., para ser aplicado en el área completa de "cuerpo" del archivo manifiesto. Hemos estado configurando los nuevos antecedentes para Google.com usando la "URL" de un archivo de imagen desde el motor de búsqueda. Ahora, guarde su código antes que cualquier cosa.

Después de completar los códigos requeridos, yo.mi., manifiesto.JSON y Main.Archivo CSS, tenemos que abrir la utilidad de extensiones en el navegador Google Chrome a través de la URL Chrome: // Extensiones ”en la nueva pestaña. Se abre el área de utilidad de extensiones. Desde su modo de desarrollador, debe cargar la carpeta de "extensión" desempaquetada desde su sistema local para que sea una extensión a través del botón "Cargar sin contracks" que se muestra en la imagen a continuación. La extensión se ha agregado eficazmente al navegador Chrome, como se exhibe. Elimine los errores para que funcione completamente.

Desde el icono de "extensión", elija la extensión "Cambiar fondo" para mostrarlo en la barra de tareas, i.mi., la extensión del icono "C".

Después de recargar Google.com, su fondo se actualizó usando esta extensión.

Conclusión

A partir de la explicación del uso de los navegadores en el sistema de Windows, también hemos discutido la importancia de las extensiones en cualquier navegador. Después de la breve explicación de las extensiones, hemos explicado el método para usar el archivo JSON manifiesto para crear una extensión para el navegador Google Chrome y cómo usarlo para cambiar de fondo para el "Google.com ”motor de búsqueda. Después de cargar la extensión en Google Chrome, la hemos estado usando en Google.com para cambiar su fondo.