Så här skapar du anpassade Chrome Web App-genvägar för dina favoritwebbplatser

Aug 3, 2025
Moln och Internet
OBEHANDLAT INNEHÅLL

Google är nu driver Chrome-paketerade appar , men många Chrome-appar är fortfarande genvägar till webbplatser. Du kan skapa dina egna webbappar som fungerar som genvägar om webbplatsen du vill ha inte finns i Chrome Web Store.

Dessa Chrome-webbappar visas också i Chrome app launcher på Windows, Mac, Linux och Chrome OS . Du kommer att kunna öppna dem från startprogrammet och ställa in dem så att de alltid öppnas som ett fönster eller en fäst flik - du kan inte göra det med standardbokmärken.

Detta skiljer sig från skapa genvägar i aktivitetsfältet och skrivbordet så att webbplatser kan köras i sina egna fönster . Du kan göra det för vilken webbplats som helst.

Skapa en anpassad webbapp

För att göra detta skapar vi i grunden den enklaste typen av Chrome-webbapp från grunden. Allt du behöver är en ikon och en webbadress.

Skapa först en ny mapp på din dator för din webbapp.

Skapa sedan en ny textfil med namnet manifest.json inuti din nya mapp.

Öppna manifest.json-filen i vilken textredigerare som helst - anteckningsblock. Kopiera och klistra in följande text i den:

{
“Manifest_version”: 2,
"namn": " Webbplatsens namn “,
“Beskrivning”: “ Beskrivning av webbplatsen “,
“Version”: “1.0”,
“Ikoner”: {
“128”: “128.png”
},
"app": {
“Webbadresser”: [
http://example.com/

],
“Lansering”: {
"Web_url": " http://example.com/
}
},
“Behörigheter”: [
“Obegränsad lagring”,
“Aviseringar”
]
}

Ändra de fetstilta delarna av exempelkoden genom att ersätta webbplatsens namn, beskrivning och webbadresser. Om du till exempel vill starta How-To Geek, fyller du i "How-To Geek" i namnfältet, anger vilken beskrivning du vill och använder webbadressen http://howtogeek.com.

Hitta sedan en 128 × 128 PNG-bildfil som kommer att användas som webbplatsens logotyp. Om du inte har en bild som är exakt rätt storlek kan du beskära och ändra storlek på en större bild med en bildredigerare som Paint.NET.

Spara bildfilen med namnet 128.png i mappen du skapade.

Slutligen öppna Chrome-tilläggssidan på krom: // tillägg / . Aktivera kryssrutan för utvecklarläge och klicka på knappen Ladda uppackad förlängning.

Bläddra till mappen du skapade och klicka på OK - Chrome installerar webbappen du just skapade.

Med appen installerad kan du starta den från den nya fliksidan, anpassa hur den öppnas genom att högerklicka på den eller starta den från startprogrammet för Chrome-appen.

Du kan också klicka på Pack-tilläggsknappen för att paketera tillägget som en enda installerbar .crx-fil. Du kan distribuera den här filen till andra så att de kan installera den också.

Lokalt installerade Chrome-webbappar och -tillägg synkroniseras inte mellan dina datorer med Chrome Sync. För att spara tid i framtiden kanske du vill säkerhetskopiera dina webbapp-mappar eller .crx-filer så att du enkelt kan installera dem på andra datorer.

Det snabba och fula sättet

Du kan också lägga till anpassade genvägar till din nya fliksida genom att dra ett bokmärke från bokmärkesfältet till ikonen.

Tyvärr kommer den stora ikonen att vara ganska ful utan ett riktigt namn eller en ikon. Det här bokmärket fungerar precis som en vanlig bokmärkesapp, men det finns inget sätt att justera det och få det att se bättre ut.


Helst skulle Google utöka dra-och-släpp-funktionen med ett sätt att byta namn på dessa anpassade genvägar och enkelt tilldela bättre ikoner. För närvarande måste vi nöja oss med den manuella lösningen.

.post-innehåll .inmatningsfot

Create Web App Shortcuts On Your Desktop With Chrome

Create Custom Shortcuts In Google Chrome For Any Website

How To Create Shortcuts To Websites On Your Desktop

MUST HAVE SHORTCUT / TURN ANY WEBSITE INTO AN APP / CREATE CUSTOM APP ICONS USING SHORTCUTS 2019

HOW WE CAN CREATE WEBSITES SHORTCUT LIKE A APP IN HOME SCREEN

How To Create Website Shortcuts On Desktop Using Google Chrome - The Right Way

How To EDIT SHORTCUTS On GOOGLE CHROME?

How To Make Desktop Shortcuts To Websites With Chrome, Firefox, Edge - Tutorial - Tech Tips 2020

Personalize Your Web Browser With Google Chrome Themes

How To Create Your Own Chrome Browser Theme - Customize Chrome Theme

Customizing Chrome

Add Chrome Bookmarks And Web Pages To Android Home Screen

How To Create A Desktop Shortcut To A Website Using Chrome ! Works On ALL Windows OS


Moln och Internet - Mest populära artiklar

Vad är den bästa Plex-klienten för HTPC-användare?

Moln och Internet Mar 14, 2025

OBEHANDLAT INNEHÅLL Du har ställa in en Plex-server , och nu undrar du om den bästa klienten för att titta på saker på din hemmabio-dator. Svaret: det beror p..


Hur du ser ditt Uber- eller Lyft-passagerarbetyg

Moln och Internet Dec 15, 2024

OBEHANDLAT INNEHÅLL Efter varje Uber och Lyft-resa kan du betygsätta din förare av fem stjärnor baserat på hur bra eller dålig turen var. Men du kanske inte vet att förare ..


Sex Apple Wallet-funktioner som du kanske inte har känt till

Moln och Internet Aug 9, 2025

Apples Wallet-app är ett bekvämt sätt att hämta upp alla dina digitala lojalitetskort, ombordstigningskort, biljetter och mer. Det fungerar också som hem för Apple Pay. Här �..


Vad är Microsoft Wi-Fi och kommer det att betyda något för dig?

Moln och Internet Mar 6, 2025

OBEHANDLAT INNEHÅLL Microsoft vill vara det företag som tillhandahåller den tjänst du vill, var du än är, oavsett vilken enhet du använder. De har tagit sina största egens..


Hur man automatiserar upprepade webbläsaruppgifter med iMacros

Moln och Internet Jul 12, 2025

Datorer ska automatisera repetitiva uppgifter - om du hittar dig själv att skicka formulär om och om igen eller upprepade gånger navigerar på en webbplats för hand, prova iMacr..


Hur du äger din egen webbplats (även om du inte kan bygga en) Pt 1

Moln och Internet Jun 16, 2025

OBEHANDLAT INNEHÅLL Du har antagligen lagt upp många sidor och konton på olika tjänster och bloggar. Men idag lär du dig att bli en riktig webbplatsägare och sätta ihop en ..


Google Sky Map förvandlar din Android-telefon till ett digitalt teleskop

Moln och Internet Feb 17, 2025

Oavsett om du är en astronomibuffare eller bara någon som letar efter en perfekt applikation ”se hur söt min smartphone är!”, Googles Sky Map-applikation för Android-telefoner ä..


Flytta statusfältets webbadressvisning till adressfältet

Moln och Internet Apr 27, 2025

Är möjligheten att se adresserna för webblänkar det enda skälet till att du håller statusfältet synligt? Nu kan du dölja statusfältet och flytta den adressvisningen till adressfälte..


Kategorier