Kuinka luoda mukautettuja Chrome-verkkosovelluksen pikakuvakkeita suosikkisivustoillesi

Aug 3, 2025
Pilvi ja Internet
SÄHKÖISETTÖTÖN SISÄLTÖ

Google on nyt työntämällä Chromen pakattuja sovelluksia , mutta monet Chrome-sovellukset ovat edelleen linkkejä verkkosivustoille. Voit tehdä omia mukautettuja verkkosovelluksia, jotka toimivat pikakuvakkeina, jos haluamasi verkkosivusto ei ole käytettävissä Chrome Web Storessa.

Nämä Chrome-verkkosovellukset näkyvät myös Chrome-sovellusten käynnistysohjelma Windows, Mac, Linux ja Chrome-käyttöjärjestelmä . Voit avata ne käynnistysohjelmasta ja aseta ne aina avautumaan ikkunaksi tai kiinnitetyksi välilehdeksi - et voi tehdä sitä tavallisilla kirjanmerkeillä.

Tämä eroaa luoda tehtäväpalkin ja työpöydän pikakuvakkeita, jolloin verkkosivustot voivat toimia omissa ikkunoissaan . Voit tehdä sen mille tahansa verkkosivustolle.

Luo mukautettu verkkosovellus

Tätä varten luomme pohjimmiltaan yksinkertaisimman tyyppisen Chrome-verkkosovelluksen tyhjästä. Tarvitset vain kuvakkeen ja verkko-osoitteen.

Luo ensin tietokoneellesi uusi kansio verkkosovellusta varten.

Luo seuraavaksi uusi tekstitiedosto nimeltä manifest.json uuden kansion sisällä.

Avaa manifest.json-tiedosto missä tahansa tekstieditorissa - esimerkiksi Muistiossa. Kopioi ja liitä seuraava teksti siihen:

{
“Manifest_version”: 2,
"Nimi": " Verkkosivuston nimi “,
"kuvaus": " Verkkosivuston kuvaus “,
“Version”: “1.0”,
"Kuvakkeet": {
"128": "128.png"
},
"sovellus": {
"URL-osoitteet": [
http://example.com/

],
"tuoda markkinoille": {
"Web_url": " http://example.com/
}
},
"Käyttöoikeudet": [
"UnlimitedStorage",
"Ilmoitukset"
]
}

Muuta esimerkkikoodin lihavoituja osia korvaamalla sivuston nimi, kuvaus ja URL-osoitteet. Jos esimerkiksi haluat käynnistää How-To Geek, täytät nimikenttään How-To Geek, kirjoita haluamasi kuvauksen ja käytä URL-osoitetta http://howtogeek.com.

Etsi seuraavaksi 128 × 128 PNG-kuvatiedosto, jota käytetään verkkosivuston logona. Jos sinulla ei ole täsmälleen oikean kokoista kuvaa, voit rajata ja muuttaa suuremman kuvan kuvankäsittelyohjelmalla, kuten Paint.NET.

Tallenna kuvatiedosto nimellä 128.png luomassasi kansiossa.

Avaa lopuksi Chromen laajennussivu osoitteessa kromi: // laajennukset / . Ota Kehittäjätila-valintaruutu käyttöön ja napsauta Lataa purettu laajennus -painiketta.

Selaa luomallesi kansioon ja napsauta OK - Chrome asentaa juuri luomasi verkkosovelluksen.

Kun sovellus on asennettu, voit käynnistää sen uudelta välilehdeltä, mukauttaa sen avaamista napsauttamalla sitä hiiren kakkospainikkeella tai käynnistää sen Chrome-sovellusten käynnistysohjelmasta.

Voit myös napsauttaa Pakettilaajennus-painiketta pakataksesi laajennuksen yhtenä asennettavana .crx-tiedostona. Voit jakaa tämän tiedoston muille ihmisille, jotta he voivat asentaa sen myös.

Paikallisesti asennetut Chrome-verkkosovellukset ja laajennukset eivät synkronoidu tietokoneidesi kanssa Chrome Syncin kanssa. Ajan säästämiseksi tulevaisuudessa kannattaa ehkä varmuuskopioida verkkosovelluskansiot tai .crx-tiedostot, jotta voit asentaa ne helposti muihin tietokoneisiin.

Nopea ja ruma tapa

Voit myös lisätä mukautettuja pikakuvakkeita uudelle välilehtisivulle vetämällä kirjanmerkin kirjanmerkkipalkista kuvakkeiden ruudukkoon.

Valitettavasti suuri kuvake on melko ruma, ilman oikeaa nimeä tai kuvaketta. Tämä kirjanmerkki toimii aivan kuten tavallinen kirjanmerkkisovellus, mutta sitä ei voida mitenkään säätää ja tehdä siitä näyttävän paremmalta.


Ihannetapauksessa Google laajentaisi vedä ja pudota -toimintoa tavalla nimetä nämä mukautetut pikakuvakkeet uudelleen ja määrittää paremmin parempia kuvakkeita. Toistaiseksi joudumme tyytymään manuaaliseen ratkaisuun.

.entry-sisältö .entry-alatunniste

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


Pilvi ja Internet - Suosituimmat artikkelit

Oletko jo Spotify-fani? Tässä on 6 uutta ominaisuutta, jotka saatat olla unohtanut

Pilvi ja Internet Nov 4, 2024

SÄHKÖISETTÖTÖN SISÄLTÖ Spotifyllä on ollut iso vuosi: he osui yli 80 miljoonaan maksettuun tilaajaan , käynnisti paljon parannetun uuden ilmaisen su..


Kuinka piilottaa Etsi / Cortana-ruutu ja Tehtävänäkymä-painike Windows 10: n tehtäväpalkissa

Pilvi ja Internet Oct 25, 2025

Windows 10 lisää hieman enemmän tehtäväpalkkiin: nyt voit etsiä (tai käyttää Cortanaa) painamatta Käynnistä-painiketta, ja napsauttamalla Tehtävänäkymä-painiketta nä..


Kuinka tallentaa artikkeleita myöhemmin lukemista varten Pocketin avulla

Pilvi ja Internet Jul 13, 2025

Kirjanmerkit ovat niin viime vuosikymmenellä. Jos löydät verkossa artikkelin, jonka haluat tallentaa myöhempää käyttöä varten, liitä se sisään Tasku – I..


10 syytä lopulta päivittää Windows 10: een

Pilvi ja Internet Oct 19, 2025

Neljä kuukautta sen julkaisemisesta, Windows 10 toimii kunnolla , ja joistakin hikkauksista huolimatta olemme sitä mieltä, että on aika päivittää. Tässä on k..


Lähetä tämä sähköpostilla Firefoxille Lähettää verkkosivuja nopeasti sähköpostilla

Pilvi ja Internet Oct 20, 2025

SÄHKÖISETTÖTÖN SISÄLTÖ Sähköposti Tämä Firefox-laajennus tekee vain yhden asian ja tekee sen hyvin - se lisää valikkovaihtoehdon sähköpostitse valitulle tekstille, linkille ja..


Muunna valokuvat Flashiksi verkkosivustollesi

Pilvi ja Internet Jan 18, 2025

SÄHKÖISETTÖTÖN SISÄLTÖ Etsitkö nopeaa ja helppoa tapaa muuntaa valokuvasi Flash-diaesitykseksi verkkosivustollesi? Nyt voit käyttää Photo Flash Maker Free -sovellusta. ..


Avaa kuvat uusilla välilehdillä helposti

Pilvi ja Internet Oct 1, 2025

Oletko koskaan käynyt läpi kuvapainotteisen verkkosivun ja halunnut helpon tavan avata nämä kuvat uusilla välilehdillä tarkasteltavaksi sivun selaamisen jälkeen? Nyt voit käyttää Av..


Vaihda Flash päälle tai pois päältä Internet Explorerissa helposti

Pilvi ja Internet Aug 22, 2025

Jos selaat usein Flash-raskaita verkkosivustoja Internet Explorerin avulla ja haluat pystyä sammuttamaan Flashin ja ottamaan sen käyttöön vain silloin, kun todella haluat, on helppo tapa ..


Luokat