Come creare scorciatoie personalizzate per Chrome Web App per i tuoi siti Web preferiti

Google sta ora spingendo le app in pacchetto di Chrome, ma molte app di Chrome sono ancora scorciatoie per i siti web. Puoi creare le tue app Web personalizzate che funzionano come scorciatoie se il sito web che desideri non è disponibile nel Chrome Web Store.

Queste app Web di Chrome appariranno anche nell'avvio delle app di Chrome su Windows, Mac, Linux e Chrome OS. Sarai in grado di aprirli dal launcher e impostarli in modo che si aprano sempre come una finestra o in una scheda bloccata: non puoi farlo con i segnalibri standard.

Questo è diverso dalla creazione di scorciatoie sulla barra delle applicazioni e sul desktop, consentendo ai siti Web di funzionare nelle proprie finestre. Puoi farlo per qualsiasi sito web.

Creare un'app Web personalizzata

Per fare questo, essenzialmente creeremo il tipo più semplice di app web di Chrome da zero. Tutto ciò di cui hai veramente bisogno è un'icona e un indirizzo web.

Innanzitutto, crea una nuova cartella sul tuo computer per la tua app web.

Quindi, crea un nuovo file di testo chiamato manifest.json nella tua nuova cartella.

Apri il file manifest.json in qualsiasi editor di testo, ad esempio Blocco note. Copia e incolla il seguente testo in esso:

"Manifest_version": 2,
"nome": "Nome del sito Web“,
"Descrizione": "Descrizione del sito Web“,
"Versione": "1.0",
"Icone":
"128": "128.png"
,
"App":
"Urls": [
“http://example.com/”

],
"lanciare":
"Web_url": "http://example.com/”

,
"Permessi": [
“UnlimitedStorage”,
“Notifiche”
]

Modifica le parti in grassetto del codice di esempio, sostituendo il nome del sito web, la descrizione e gli URL. Ad esempio, se vuoi lanciare How-To Geek, devi inserire "How-To Geek" nel campo del nome, inserire le descrizioni che ti interessano e utilizzare l'URL http://howtogeek.com.

Successivamente, trova un file di immagine PNG 128 × 128 che verrà utilizzato come logo del sito web. Se non si dispone di un'immagine della dimensione corretta, è possibile ritagliare e ridimensionare un'immagine più grande con un editor di immagini come Paint.NET.

Salva il file immagine con il nome 128.png nella cartella che hai creato.

Infine, apri la pagina delle estensioni di Chrome su chrome: // extensions /. Abilita la casella di controllo Modalità sviluppatore e fai clic sul pulsante Carica estensione scompattata.

Individua la cartella creata e fai clic su OK. Chrome installerà l'app Web appena creata.

Con l'app installata, puoi avviarla dalla nuova scheda, personalizzare il modo in cui si aprirà facendo clic con il pulsante destro del mouse o avviandola dall'app di avvio di Chrome..

Puoi anche fare clic sul pulsante Estensione per comprimere l'estensione come un singolo file .crx installabile. Puoi distribuire questo file ad altre persone in modo che possano installarlo.

Le app e le estensioni web di Chrome installate localmente non verranno sincronizzate tra i tuoi computer con Chrome Sync. Per risparmiare tempo in futuro, potresti voler eseguire il backup delle cartelle delle app Web o dei file .crx in modo da poterli installare facilmente su altri computer.

Il modo rapido e brutto

Puoi anche aggiungere scorciatoie personalizzate alla tua nuova scheda trascinando un segnalibro dalla barra dei segnalibri alla griglia di icone.

Sfortunatamente, l'icona grande sarà piuttosto brutta, senza un nome o un'icona adeguati. Questo segnalibro funzionerà proprio come un'app bookmark standard, ma non c'è modo di modificarlo e renderlo migliore.

Idealmente, Google estenderebbe la funzionalità drag-and-drop con un modo per rinominare queste scorciatoie personalizzate e assegnare facilmente icone migliori. Per ora, dovremo accontentarci della soluzione manuale.