Página principal » cómo » Cómo crear accesos directos personalizados de Chrome Web App para tus sitios web favoritos

    Cómo crear accesos directos personalizados de Chrome Web App para tus sitios web favoritos

    Google ahora está impulsando las aplicaciones empaquetadas de Chrome, pero muchas aplicaciones de Chrome aún son accesos directos a sitios web. Puede crear sus propias aplicaciones web personalizadas que funcionan como accesos directos si el sitio web que desea no está disponible en Chrome Web Store..

    Estas aplicaciones web de Chrome también aparecerán en el iniciador de aplicaciones de Chrome en Windows, Mac, Linux y Chrome OS. Podrás abrirlos desde el iniciador y configurarlos para que se abran siempre como una ventana o pestaña anclada, no puedes hacer eso con los marcadores estándar.

    Esto es diferente a la creación de accesos directos a la barra de tareas y al escritorio, permitiendo que los sitios web se ejecuten en sus propias ventanas. Puedes hacer eso para cualquier sitio web..

    Crear una aplicación web personalizada

    Para hacer esto, esencialmente crearemos el tipo más simple de aplicación web de Chrome desde cero. Todo lo que realmente necesitas es un icono y una dirección web.

    Primero, cree una nueva carpeta en su computadora para su aplicación web.

    A continuación, crea un nuevo archivo de texto llamado manifest.json dentro de tu nueva carpeta.

    Abra el archivo manifest.json en cualquier editor de texto - Bloc de notas, por ejemplo. Copia y pega el siguiente texto en él:


    “Manifest_version”: 2,
    "nombre": "Nombre del Sitio Web",
    “Descripción”: “Descripción del sitio web",
    “Versión”: “1.0”,
    “Iconos”:
    "128": "128.png"
    ,
    “Aplicación”:
    “Urls”: [
    "http://example.com/

    ],
    "lanzamiento":
    “Web_url”: “http://example.com/

    ,
    “Permisos”: [
    “Almacenamiento ilimitado”,
    "Notificaciones"
    ]

    Cambie las partes en negrita del código de ejemplo, reemplazando el nombre, la descripción y las URL del sitio web. Por ejemplo, si desea iniciar How-To Geek, debe completar "How-To Geek" en el campo de nombre, ingresar la descripción que desee y usar la URL http://howtogeek.com.

    A continuación, busque un archivo de imagen PNG de 128 × 128 que se utilizará como logotipo del sitio web. Si no tiene una imagen que sea exactamente del tamaño correcto, puede recortar y cambiar el tamaño de una imagen más grande con un editor de imágenes como Paint.NET.

    Guarde el archivo de imagen con el nombre 128.png en la carpeta que creaste.

    Finalmente, abra la página de extensiones de Chrome en chrome: // extensions /. Active la casilla de verificación Modo de desarrollador y haga clic en el botón Cargar extensión desempaquetada.

    Vaya a la carpeta que creó y haga clic en Aceptar. Chrome instalará la aplicación web que acaba de crear..

    Con la aplicación instalada, puede iniciarla desde la página de la nueva pestaña, personalizar cómo se abrirá al hacer clic con el botón derecho o iniciarla desde el iniciador de la aplicación Chrome.

    También puede hacer clic en el botón de extensión del paquete para empaquetar la extensión como un único archivo .crx instalable. Puede distribuir este archivo a otras personas para que ellos también puedan instalarlo..

    Las aplicaciones web de Chrome instaladas localmente y las extensiones no se sincronizarán entre sus computadoras con Chrome Sync. Para ahorrar tiempo en el futuro, es posible que desee hacer una copia de seguridad de sus carpetas de aplicaciones web o archivos .crx para poder instalarlos fácilmente en otras computadoras.

    La manera rápida y fea

    También puede agregar accesos directos personalizados a su nueva página de pestaña arrastrando un marcador desde la barra de marcadores a la cuadrícula de iconos.

    Desafortunadamente, el icono grande será bastante feo, sin un nombre o icono adecuado. Este marcador funcionará como una aplicación de marcador estándar, pero no hay forma de modificarlo y hacer que se vea mejor.


    Lo ideal es que Google extienda la funcionalidad de arrastrar y soltar con una forma de cambiar el nombre de estos accesos directos personalizados y asignar fácilmente mejores iconos. Por ahora, tendremos que conformarnos con la solución manual..