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

Sommario:

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

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

Video: Come creare scorciatoie personalizzate per Chrome Web App per i tuoi siti Web preferiti
Video: Connessione telecamere al router WiFi di Android - YouTube 2024, Maggio
Anonim
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.
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 verranno visualizzate anche nell'avvio delle app di Chrome su Windows, Mac, Linux e Chrome OS. Sarai in grado di aprirli dal programma di avvio e impostarli in modo che si aprano sempre come una finestra o una scheda bloccata: non è possibile 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.

Image
Image

Quindi, creare un nuovo file di testo denominato 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:
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, “name”: “ Website Name “, “description”: “ Description of website “, “version”: “1.0”, “icons”: { “128”: “128.png” }, “app”: { “urls”: [ “ https://example.com/

], “launch”: { “web_url”: “ https://example.com/ ” } }, “permissions”: [ “unlimitedStorage”, “notifications” ] }

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 https://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.
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 /. Abilitare la casella di controllo Modalità sviluppatore e fare clic sul pulsante Carica estensione scompattata.
Infine, apri la pagina delle estensioni di Chrome su chrome: // extensions /. Abilitare la casella di controllo Modalità sviluppatore e fare clic sul pulsante Carica estensione scompattata.
Individua la cartella creata e fai clic su OK. Chrome installerà l'app Web appena creata.
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.
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.
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.
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.
Image
Image

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.

Consigliato: