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 poner Google Discover en un iPhone

Published

on

By

Cómo poner Google Discover en un iPhone

Si quieres estar informado de todas las novedades sin tener que buscar las noticias una a una, la solución es Google Discover. Gracias a esta extensión de Google podrás tener todas las novedades sobre tus temas favoritos, y lo mejor de todo es que también podrás tenerlas en tu iPhone. En este post te contamos cómo hacerlo.

¿Qué es Google Descubrir?

Esta funcionalidad de Google le brinda información sobre su configuración sin que usted la solicite. Al abrir la aplicación de Google, verás una lista de noticias relevantes sobre los temas que te interesan, ya sea tu equipo de fútbol favorito, tu estilo de música favorito o las noticias que más te pueden interesar.

Puedes encontrar Discover de dos maneras. El primero es en un iPhone o iPad, abre la aplicación de Google. La otra es abriendo el navegador e yendo a google.es. Una vez aquí, deberás acceder a tu cuenta de Google y podrás configurar la opción Descubrir. La diferencia entre este feed y el motor de búsqueda es que Discover está diseñado para ser personal y adaptarse a lo que busca el usuario.

El contenido se actualiza automáticamente cuando se dispone de nueva información sobre estos temas. Pero en el buscador tienes que ser tú quien busca cosas concretas que te interesan, y no siempre aparecen las últimas noticias, ni se actualizan automáticamente. Discover no devuelve resultados de búsqueda, sino que los devuelve automáticamente.

Cómo personalizar Descubrir

Antes de poder personalizar Discover, debe tener una cuenta de Google y acceder al navegador, ya sea desde su propia aplicación o desde otro navegador, pero siempre usando Google. Para comenzar a administrar su contenido en Discover, elija una de las siguientes opciones, según el navegador que use será una u otra.

  • Chrome: ve a Administrar artículos sugeridos.
  • Una aplicación de Google o google.com: siga los pasos a continuación para elegir qué información desea recibir, seguir o dejar de seguir.

Paso 1: Active la configuración de actividad web y de aplicaciones

La configuración de actividad web y de aplicaciones guarda sus búsquedas, el historial del navegador y otros tipos de actividad en su cuenta de Google.

  1. Abre la aplicación de Google en un iPhone o iPad.
  2. Toca tu foto de perfil superior derecha o actividad de búsqueda inicial y luego.
  3. Presiona Actividad guardada.
  4. Active la configuración de actividad web y de aplicaciones.

Paso 2: Selecciona las noticias que quieres recibir

Si está buscando algo que le interese, puede seguir ese tema para obtener noticias al respecto en Discover.

En la aplicación de Google

  1. Abre la aplicación de Google en un iPhone o iPad.
  2. Toca tu foto de perfil superior derecha o iniciales y luego configuración.
  3. Punto Intereses y luego Tus intereses.
  4. Para seguir nuevos temas, ve a “Según tu actividad” y pulsa Añadir.
    • Para ocultar un tema en Discover, toque Bloquear.

en el navegador

  1. En un iPhone o iPad, abra su navegador y vaya a google.com.
  2. Pulsa Menú en la parte superior izquierda y luego los ajustes.
  3. Pulse debajo de «Descubrir». Gestiona intereses y luego Tus intereses.
  4. Para seguir nuevos temas, ve a “Según tu actividad” y pulsa Añadir.
    • Para ocultar un tema en Discover, toque Bloquear.

Paso 3: cambie la frecuencia con la que ve temas en Descubrir

NOTA: Solo usted puede ver las noticias que le gustan, pero sus elecciones se pueden compartir de forma anónima con los editores.

Abra la aplicación de Google en su iPhone o iPad o vaya a google.com en su navegador.
Toca Me gusta en la parte inferior derecha de la tarjeta que selecciones.

Esto determina lo que se muestra en Discover

Para saber qué está pasando en Discover, Google usa información de su dispositivo y otros productos de Google.

Además, Google utiliza los datos almacenados en su cuenta de Google. Estos datos se recuperan de la configuración que puede cambiar, habilitar o deshabilitar. Estos ajustes incluyen:

  • Actividad en línea y en aplicaciones. Aprenda a ver y controlar los datos de actividad en línea y en las aplicaciones.
    • Información sobre las aplicaciones en sus dispositivos. Aprenda a administrar la información de la aplicación en sus dispositivos.
    • Información sobre los contactos de tus dispositivos. Aprenda a administrar la información de contacto en sus dispositivos.
  • Historial de posiciones. Para que Google use esta información, la configuración de actividad web y de aplicaciones debe estar activada. Obtén información sobre cómo cambiar la configuración de ubicación de la aplicación de Google.
  • Configuración de ubicación: parte de la información que se muestra en Discover se selecciona en función de la ubicación de su hogar. Obtén información sobre cómo configurar las ubicaciones de casa y del trabajo. Si la ubicación de su hogar no está disponible, Google puede estimar su ubicación utilizando otras fuentes, como su dirección IP. Comprenda y administre su ubicación cuando busca en Google

Cómo acceder a las noticias

Acceder es muy fácil y existen varios métodos. La primera es utilizar la aplicación de Google instalada en tu teléfono, un icono de G de color que nos lleva al buscador y automáticamente nos muestra la sección Descubre con todo el contenido que puede ser de nuestro interés o que piensa el buscador. . Pero esa no es la única opción a la que tenemos acceso.

Por ejemplo, algunos dispositivos nos permiten deslizar el dedo hacia la derecha desde la pantalla de Inicio o entrar en Discover. Y otros móviles y tablets Android nos muestran directamente si abrimos el sitio Google.com desde el navegador, y aquí nos mostrarán todas las novedades y novedades.

Entonces puedes deshabilitar Descubrir

Si ya no desea usar Discover o deshabilitarlo, siga dos simples pasos. Al igual que la configuración anterior, tienes dos opciones, dependiendo de si lo haces desde la aplicación de Google o si lo haces desde otro navegador.

En la aplicación de Google

  1. Abre la aplicación de Google en un iPhone o iPad.
  2. Toca tu foto de perfil superior derecha o tus iniciales > configuración > general.
  3. Desactiva Descubrir.
  4. en el navegador

Tenga en cuenta que es posible que esta función no esté disponible en todos los idiomas y países.

  • Vaya a google.com en un iPhone.
  • Presiona Menú > Configuración > Descubrir > No mostrar en la página de inicio .
Continue Reading

cómo

Cómo descargar aplicaciones en iPad

Published

on

By

Cómo descargar aplicaciones en iPad

Cuando un usuario adquiere por primera vez un iPad, una de las acciones básicas que debe conocer y saber hacer es descargar aplicaciones, ya que es la única manera de sacarle el máximo partido a este dispositivo. En este post te contamos todas las formas de hacerlo, así como también resolveremos las dudas frecuentes respecto a esta práctica.

Pasos para descargar aplicaciones en iPad

Repasemos las diferentes formas que todos los usuarios de iPad pueden usar para descargar aplicaciones de App Store, que es la tienda de aplicaciones de Apple. Afortunadamente son muchas y variadas las apps que vas a poder encontrar, y este es sin duda uno de los puntos más destacados de este dispositivo, lo bien equipado que está en cuanto a usabilidad gracias a todas las apps que puedes descargar.

Descargar aplicaciones gratuitas

Dentro de la App Store tienes diferentes tipos de aplicaciones, las que son completamente gratuitas, las que puedes descargar gratis, pero luego tienen algunas funciones de pago y, por último, las que son de pago. En esta sección nos centraremos en los dos primeros, es decir, en las aplicaciones que podrá descargar de forma gratuita. Los pasos para implementarlo son muy sencillos, y Apple siempre se caracteriza por poner las cosas muy fáciles a todos los usuarios de los servicios y equipos. A continuación los tienes en detalle.

  1. En su iPad, abra la tienda de aplicaciones.
  2. Selecciona la aplicación que quieras descargar o búscala a través del buscador propio de la app.
  3. Haga clic en “Tomar”.
  4. Ingrese una contraseña o use Face ID o Touch ID para confirmar la descarga.
  5. De lo contrario, haga clic en Cancelar.

Con estos sencillos pasos ya has comenzado a descargar tu aplicación, y dependiendo tanto de tu peso como de tu conexión a internet variará el tiempo de descarga e instalación. Sin embargo, es común que tengas tu app completamente disponible en tu dispositivo en unos segundos.

Descargar aplicación paga

Ya te contamos los pasos que debes seguir si quieres descargar aplicaciones gratuitas de la App Store, ahora es el momento de hablar de aplicaciones que cuestan dinero. Lo primero que debe saber es que debe tener un método de pago configurado en su cuenta de iCloud o tener suficiente dinero en la App Store para cubrir el costo de la aplicación. Una vez hayas comprobado este aspecto, procederemos con los pasos que debes realizar para disfrutar de la aplicación en tu iPad.

  1. Abra la tienda de aplicaciones.
  2. Selecciona la aplicación que quieras descargar o búscala a través del buscador propio de la app.
  3. Junto a la aplicación, se mostrará su precio.
  4. Para iniciar la descarga, haga clic en el precio que se muestra en la pantalla.
  5. Ingrese una contraseña o use Face ID o Touch ID para confirmar la descarga.
  6. De lo contrario, haga clic en Cancelar.

Una vez que complete estos pasos, se le transferirá la tarifa de la aplicación y la aplicación comenzará a descargarse e instalarse automáticamente en su iPad. Un punto muy importante que debes tener en cuenta y que no muchos usuarios conocen es que así como Apple te ofrece una prueba de 14 días para sus distintos dispositivos, lo mismo sucede con las aplicaciones, por lo que si durante este período Lamento haber comprado esta aplicación, puedes devolverla sin ningún problema y la empresa de Cupertino te devolverá el importe íntegro.

Descargar aplicaciones pagas gratis

Es obvio que todo el dinero que puedas ahorrar es bienvenido, por lo que nos parece muy oportuno hablarte de una forma en la que puedes ahorrar mucho dinero si lo que quieres es descargar apps que cuestan dinero sin pagar un solo euro. Esto es posible si tiene configurado “En familia” y otros miembros han comprado previamente la aplicación. Aunque otra opción es que si varios de los miembros están interesados ​​en una aplicación en concreto, pueden comprarla entre todos para compartir el coste.

De todos modos, lo realmente importante y que debes tener muy claro es que la empresa de Cupertino te permite comprar acciones en la App Store. Por tanto, al igual que se puede compartir la suscripción a Apple Music, Apple TV+ y otros servicios en Family, también se puede compartir la compra de apps de pago. Para ello, los miembros de la familia que quieran aprovechar esto deben habilitar las compras compartidas en su perfil de iCloud. Para ello, sólo tienen que seguir los siguientes pasos.

  1. Abra la aplicación Configuración en su iPhone o iPad.
  2. Toca tu perfil de iCloud.
  3. Haga clic en “Familia”.
  4. Selecciona “Compartir compra”.
  5. Activa “Compartir compras con la familia”.

Una vez completados estos pasos, todas las compras de apps de pago que un usuario haya puesto a disposición del resto de miembros serán gratuitas. Esta es sin duda una muy buena forma de ahorrar una buena cantidad de dinero en aplicaciones que pueden ser muy útiles para todos los miembros de la familia.

Consejos a tener en cuenta

Una vez que sepas cuáles son los pasos y todas las formas para poder descargar aplicaciones en iPad, te contamos algunos consejos que seguro te vendrán muy bien a la hora de descargar aplicaciones, tanto en iPad como en iPhone u otros dispositivos desde la empresa de Cupertino.

  • La conexión a internet que tengas es crucial para poder descargar ambos correctamente y en el menor tiempo posible. Por tanto, asegúrate de que la conexión Wi-Fi que tienes sea de buena calidad, o por el contrario, si vas a descargar con datos móviles, que la cobertura sea lo suficientemente buena.
  • Las aplicaciones ocupan espacio dentro de los dispositivos, por lo que es conveniente que siempre hagas una buena revisión de las apps que tienes instaladas, ya que puede ocurrir que quieras instalar una nueva que necesites con urgencia y no tengas suficiente espacio para eso.
  • Si vas a descargar una aplicación de pago, asegúrate de tener todos los métodos de pago configurados correctamente para que la compra se pueda completar correctamente.
Continue Reading

cómo

2 Formas de Descargar Aplicaciones en Laptops Windows y Mac, Muy Fácil

Published

on

By

2 Formas de Descargar Aplicaciones en Laptops Windows y Mac, Muy Fácil

Por supuesto, hay aplicaciones en cada computadora portátil que satisfacen las necesidades de sus usuarios, desde aplicaciones predeterminadas hasta aplicaciones pesadas necesarias para ciertas cosas.

Es necesario descargar primero la aplicación, sobre todo para aplicaciones específicas que no vienen por defecto desde el portátil.

Para algunas personas, puede ser fácil aprender a descargar aplicaciones. Sin embargo, algunas personas todavía están confundidas acerca de cómo descargar aplicaciones en una computadora portátil.

Aquí le mostramos cómo descargar la aplicación en una computadora portátil que puede seguir fácilmente.

Cómo descargar aplicaciones en portátiles Windows y Mac

1. Cómo descargar aplicaciones en una computadora portátil con sistema Windows

Para los usuarios de Windows, la forma de descargar aplicaciones puede ser a través de un navegador o una tienda de Windows. Así es cómo.

A través del navegador

  1. Abra el navegador que se usa a menudo en su computadora portátil.
  2. Escriba el nombre de la aplicación que desea descargar en el campo de búsqueda o vaya directamente al sitio web oficial de Windows para descargar la aplicación.
  3. Después de encontrar e ingresar la aplicación deseada, busque el enlace o botón de descarga.
  4. Espere a que se complete el proceso de descarga, luego instale la aplicación en la computadora portátil.

A través de la tienda de Windows

  1. Abra la tienda de Windows a través del menú de inicio en Windows.
  2. Inicie sesión con su cuenta de Windows.
  3. Después de iniciar sesión, busque la aplicación deseada escribiéndola en el campo de búsqueda.
  4. Si ha encontrado la aplicación, descárguela haciendo clic en el botón de descarga.
  5. Si la aplicación es de pago, procese el pago mediante el sistema de pago solicitado por la Tienda Windows.

2. Cómo descargar aplicaciones en portátiles con sistema MacOS

Si tiene una computadora portátil con un sistema MacOS, puede seguir cómo descargar esta aplicación:

  1. Visite App Store en la barra de menú de Macbook.
  2. Encuentre la aplicación deseada en la App Store escribiéndola en el campo de búsqueda.
  3. Descarga la aplicación haciendo clic en el botón que dice ‘Obtener’.
  4. Si es una aplicación paga, primero haga un pago y luego haga clic en el botón Instalar aplicación.

Esas son dos formas de descargar aplicaciones a través de los sistemas Windows y MacOS. Bastante fácil, ¿verdad?

Continue Reading

Trending

Share via
Copy link
Powered by Social Snap