Connect with us

cómo

Cómo crear una extensión de Chrome en 10 minutos planos

Published

on

Cómo crear una extensión de Chrome en 10 minutos planos

Una de mis cosas favoritas del navegador web Chrome es lo extensible que es. Parece que hay un complemento de Chrome para casi todo lo que pueda desear.

Pero, ¿alguna vez has querido crear tu propia extensión de Chrome? ¿Alguna vez te has preguntado qué tan difícil sería el proceso o qué implicaría? Bueno, resulta que es muy fácil, probablemente mucho más fácil de lo que jamás imaginó.

En este tutorial, le mostraré cómo crear una extensión básica de Chrome en aproximadamente 5 minutos, ¡no es broma!

Que vamos a construir

Estoy bastante obsesionado con la velocidad de mi sitio web, http://simpleprogrammer.com, por lo que suelo utilizar sitios como GTmetrix para comprobar la velocidad de mi sitio, solo para asegurarme de que no se ralentiza.

A menudo, también consulto otros sitios en los que estoy para ver cómo se comparan.

Bueno, ¿no sería bueno si hubiera una extensión de Chrome que le permitiera usar GTmetrix para verificar la velocidad del sitio de cualquier sitio que estuviera navegando, simplemente haciendo clic en un botón?

Revisé Chrome Web Store y no había una extensión que realizara esta acción, así que eso es exactamente lo que vamos a crear hoy.

¿Qué es una extensión de Chrome?

Antes de comenzar a crear nuestra extensión, probablemente sea una buena idea tener un conocimiento básico de qué es una extensión de Chrome y cómo funcionan las extensiones de Chrome.

En un nivel muy básico, una extensión de Chrome es solo algo de HTML, CSS y JavaScript que le permite agregar algunas funciones a Chrome a través de algunas de las API de JavaScript que Chrome expone. Una extensión es básicamente una página web alojada en Chrome y puede acceder a algunas API adicionales.

En este tutorial, le mostraré cómo crear una extensión básica de Chrome llamada extensión de acción del navegador. Este tipo de extensión coloca un botón en la barra de herramientas de Chrome que mostrará una página HTML al hacer clic y, opcionalmente, ejecutará algo de JavaScript.

Las extensiones de Chrome también se pueden crear para que funcionen solo en ciertas páginas mediante el uso de Acciones de página, pueden ejecutar código en segundo plano usando Páginas de fondo e incluso pueden modificar una página existente cargada en el navegador usando Scripts de contenido. Pero para este tutorial vamos a simplificar las cosas.

Si está interesado en obtener más información sobre las extensiones de Chrome en general, consulte la documentación de extensiones de Chrome.

Paso 1: crea el proyecto

Lo primero que debemos hacer es crear el proyecto y todos los archivos que necesitamos para nuestra extensión. Comencemos por crear un nuevo directorio que llamaremos “Extensión GTmetrix”. Pondremos todos los archivos que necesitamos para nuestra extensión en esta nueva carpeta. Chrome nos permite cargar un complemento apuntándolo a una carpeta que contiene los archivos de extensión.

Todas las extensiones de Chrome requieren un archivo de manifiesto. El archivo de manifiesto le dice a Chrome todo lo que necesita saber para cargar correctamente la extensión en Chrome. Entonces crearemos un archivo manifest.json y lo colocaremos en la carpeta que creamos. Puede dejar el archivo de manifiesto en blanco por ahora.

A continuación, necesitaremos un icono para nuestra extensión. Esto solo debe ser un archivo PNG de 19x19px. Puede obtener un icono de muestra del proyecto de demostración de Google que puede modificar.

A continuación, necesitaremos una página HTML para mostrar cuando un usuario haga clic en nuestra Acción del navegador, por lo que crearemos un archivo popup.html y un archivo popup.js en nuestro directorio “Extensión GTmetrix”.

Debido a restricciones de seguridad, no podemos colocar JavaScript en línea en nuestros archivos HTML dentro de nuestras extensiones de Chrome, por lo que tenemos que crear un archivo separado para contener cualquier código JavaScript que necesitemos y lo haremos referencia desde el archivo HTML.

Paso 2: crea el archivo de manifiesto

Ahora que tenemos nuestra estructura de proyecto básica, necesitamos agregar el código a nuestro archivo de manifiesto para describir nuestro complemento a Chrome.

Abra el archivo manifest.json e ingrese el siguiente código:

{
  "manifest_version": 2,

  "name": "GTmetrix Analyzer Plugin",
  "description": "This extension will analyze a page using GTmetrix",
  "version": "1.0",

  "browser_action": {
   "default_icon": "icon.png",
   "default_popup": "popup.html"
  },
  "permissions": [
   "activeTab"
   ]
}

La mayoría de los campos en este archivo JSON se explican por sí mismos, por lo que no perderé su tiempo explicándolo todo, pero tome nota de la sección browser_action donde especificamos cuál es el ícono predeterminado y qué página HTML debe mostrarse cuando la acción del navegador se hace clic en el botón.

También notará que agregué una sección de permisos que especifica que necesitamos tener permiso para acceder a activeTab. Esto es necesario para que podamos obtener la URL de la pestaña actual para pasarla a GTmetrix.

Muchas de las API que Chrome expone para que las use con sus extensiones requieren que especifique los permisos que necesite.

Paso 3: crea la interfaz de usuario

El siguiente paso es crear la interfaz de usuario que mostrará nuestra Acción del navegador cuando se haga clic en ella.

Nuestra interfaz de usuario será muy simple y constará de un texto que dice “GTmetrix Analyzer”, seguido de un botón en el que el usuario puede hacer clic para realizar el análisis en la página actual.

Abra la página popup.html y agregue lo siguiente:

<!doctype html>
<html>
  <head>
    <title>GTmetrix Analyzer</title>
    <script src="popup.js"></script>
  </head>
  <body>
    <h1>GTmetrix Analyzer</h1>
    <button id="checkPage">Check this page now!</button>
  </body>
</html>

Notarás que en este HTML he incluido el script popup.js. Aquí es donde pondremos la lógica para nuestra extensión que se ejecutará cuando se haga clic en el botón con el ID de checkPage.

Paso 4: implementar la lógica

Lo último que debemos hacer para crear el complemento es implementar la lógica que debe ejecutarse cuando un usuario hace clic en “¡Revise esta página ahora!” botón dentro de una pestaña.

Querremos agregar un detector de eventos para escuchar el evento de clic en el botón checkPage. Cuando se hace clic en él, debemos crear un nuevo formulario para enviar a GTmetrix que contiene la URL de la página actual, la envía y luego muestra el resultado.

Abra el archivo popup.js y agregue el siguiente código:

document.addEventListener('DOMContentLoaded', function() {
  var checkPageButton = document.getElementById('checkPage');
  checkPageButton.addEventListener('click', function() {

    chrome.tabs.getSelected(null, function(tab) {
      d = document;

      var f = d.createElement('form');
      f.action = 'http://gtmetrix.com/analyze.html?bm';
      f.method = 'post';
      var i = d.createElement('input');
      i.type = 'hidden';
      i.name = 'url';
      i.value = tab.url;
      f.appendChild(i);
      d.body.appendChild(f);
      f.submit();
    });
  }, false);
}, false);

Tomé prestado la mayor parte del código para crear y enviar el formulario del bookmarklet proporcionado en el sitio web de GTmetrix. Acabo de modificar el código para incluir la URL de la pestaña actualmente activa.

Si examina el código anterior, verá que primero estamos registrando un controlador para el evento de clic en el botón checkPage. Luego, cuando se hace clic en el botón, obtenemos la pestaña seleccionada actualmente y ejecutamos algo de JavaScript para crear un formulario con algunos campos ocultos que se envía a GTmetrix. Usamos la URL de la pestaña actual para decirle a GTmetrix para qué página ejecutar la prueba.

Probándolo

Es muy fácil probar una nueva extensión en Chrome. Escriba “chrome: // extensions” en una pestaña para abrir la página de extensiones.

cómo

Cómo hacer que un teléfono Android sea un control remoto aunque no tenga una función de infrarrojos

Published

on

By

Cómo hacer que un teléfono Android sea un control remoto aunque no tenga una función de infrarrojos

Los teléfonos Android tienen muchas funciones que pueden facilitarnos nuestras rutinas diarias. Una característica que es bastante popular es la función de infrarrojos, que nos permite hacer que un teléfono Android funcione como un control remoto para la televisión, el aire acondicionado y otros dispositivos remotos.

Pero últimamente es cada vez más raro que encontremos teléfonos Android o celulares que ya no tengan la función de infrarrojos. De verdad, muy lamentable.

Sin embargo, en este artículo le brindaremos información y soluciones sobre cómo hacer infrarrojos para Android, incluso si su teléfono o teléfono celular con Android no tiene funciones de infrarrojos.

Aquí se explica cómo convertir un teléfono Android en un control remoto aunque no tenga una función de infrarrojos:

1. Compre y use infrarrojos OTG

OTG (On-The-Go) es un hardware adicional que tiene muchas funciones, una de las cuales es conectar discos duros, unidades flash, joysticks y otros dispositivos a su teléfono Android.

No solo eso, los dispositivos OTG también se pueden usar para conectar dispositivos infrarrojos adicionales a su teléfono Android.

Puede comprar este OTG infrarrojo en una tienda de accesorios para teléfonos móviles o comprarlo en línea a través de comercio electrónico, como amazon, ebay, walmart, shopee y otros. Y simplemente puede escribir en la búsqueda de productos “Infrarrojos OTG”

Hay 2 tipos de infrarrojos OTG infrarrojos, a saber, infrarrojos ordinarios (Micro SD) e infrarrojos OTG Tipo C. Si el cargador de su teléfono celular Android todavía usa un puerto tipo 2 / Micro SD, entonces puede comprar un infrarrojo OTG regular, y si su cargador usa el tipo C, entonces también debe comprar infrarrojos OTG USB.

Cómo convertir un teléfono Android en un control remoto

2. Conecte OTG infrarrojo a su teléfono Android

Si ya tiene infrarrojos OTG, intente conectarse. Si está conectado, puede descargar la aplicación remota en Google Play Store.

Si las herramientas y aplicaciones ya están instaladas, puede usar su teléfono Android como control remoto inmediatamente.

Continue Reading

cómo

Cómo ahorrar y maximizar la capacidad de RAM en teléfonos Android

Published

on

By

Cómo ahorrar y maximizar la capacidad de RAM en teléfonos Android

La RAM en un teléfono Android se usa para almacenar datos temporales en su Android mientras realiza cualquier actividad, ya sea para el sistema operativo, las aplicaciones, la dama y otros. Por ejemplo, la memoria RAM tiene una función cuando editas fotos o videos con una aplicación, bueno, una vez que se completa el proceso de edición, las fotos se guardan en el almacenamiento de tu dispositivo para que no se pierdan. Cuanta más capacidad de memoria RAM tenga, más podrá hacer. Como hacer tareas multitarea.

Debido a que esta RAM tiene la forma de un componente físico, no es posible actualizar la RAM en un teléfono Android. Es diferente como una computadora portátil o PC, donde hay varias ranuras de RAM que puede agregar en una fecha posterior.

Sin embargo, la memoria RAM de su teléfono Android le permite usarla de manera más eficiente. Además, si tiene un dispositivo con Android 11 o 12, lo más probable es que tenga la capacidad de ampliar aún más la RAM al asignar parte de su almacenamiento mediante una función llamada RAM virtual.

Aquí se explica cómo ahorrar RAM en teléfonos Android:

1. Desactivar funciones de animación

Ahorre y maximice la capacidad de RAM en teléfonos Android

Resulta que la función de animación en realidad puede consumir más RAM y eso no es tan importante para mí. Por lo tanto, nuestra sugerencia es que puede desactivar la función de animación en la configuración de su teléfono Android.

2. Limite el uso de widgets y fondos de pantalla en vivo

Estos widgets y fondos de pantalla en vivo son bastante codiciosos en términos de uso de RAM. Muchos se actualizan con frecuencia y ocupan ancho de banda, mientras que algunos están constantemente activos. Además, esto también puede hacer que la batería se agote más rápido y se desperdicie incluso en modo de espera.

Así que recuerde limitar la cantidad de widgets y fondos de pantalla en vivo que se aplican para optimizar la memoria RAM, para mantener su teléfono Android óptimo.

3. Eliminar aplicaciones que no están en uso

No instale demasiadas aplicaciones en su teléfono Android, asegúrese de instalar solo las aplicaciones que necesita y asegúrese de verificar regularmente qué aplicaciones usa raramente. Y si ya no es necesario, simplemente puede eliminar la aplicación.

4. Active la función RAM Plus (RAM virtual)

En Android 11 y 12, ya tiene una función llamada RAM Plus. Tomemos el ejemplo de los teléfonos Samsung, que ya tienen la función RAM Plus, donde puede agregar y aumentar su capacidad de RAM muchas veces.

Para habilitar RAM plus en teléfonos Samsung, puede ir al menú:

Ajustes > Cuidado de la batería y el dispositivo > Memoria > RAM Plus.

Continue Reading

cómo

Cómo convertir formato JPEG a Excel

Published

on

By

Cómo convertir formato JPEG a Excel

¿Quieres convertir un archivo JPEG a Excel? La respuesta es sí. Como sabemos, un archivo JPEG no se puede editar, aunque el archivo JPEG tenga la forma de una tabla de Excel.

Sin embargo, podemos convertir el archivo JPEG a formato Excel, que al final, podemos editar el archivo sin tener que volver a escribirlo.

En este artículo, le daremos consejos sobre cómo convertir un archivo JPEG a formato Excel, por supuesto, con resultados rápidos y ordenados.

Cómo convertir formato JPEG a Excel

Muchas herramientas en línea pueden convertir archivos JPEG a Excel. Aún así, estas herramientas en línea no cumplen con nuestras expectativas. A veces, los resultados de la conversación se vuelven desordenados e irregulares y ni siquiera se pueden editar en Microsoft Excel o Google Sheets.

Si es así, tener un problema como este. Esta es la mejor manera de convertir JPEG a Excel con resultados rápidos y editables.

1. Primero, debe convertir el archivo JPEG a formato PDF; para saber cómo puede insertar el archivo JPEG en Microsoft Word, luego Archivo > Guardar como, en Guardar como tipo, seleccione PDF.

2. Si es así, cambiaremos el formato PDF anteriormente a Excel para saber cómo:

  • Vaya al sitio https://www.adobe.com/acrobat/online/pdf-to-excel.html. Este es un sitio propiedad de Adobe, no hay duda al respecto. Seleccione Archivo y localice el archivo JPEG que convirtió a PDF anteriormente.
convertir formato JPEG a Excel
  • Espere a que se complete el archivo Convertir PDF a Excel
Formato JPEG a Excel
  • Si es así, haga clic en el botón Descargar

Luego abra el archivo descargado en Microsoft Excel, luego puede editar el archivo allí. Puede ver por sí mismo en la imagen a continuación que el resultado de convertir un archivo JPEG a Excel es relativamente limpio y ordenado.

Continue Reading

Trending

Share via
Copy link
Powered by Social Snap