Vytvoření rozšíření pro Chrome je poměrně jednoduchý proces. Až budete hotovi, budete jej moci v počítači použít ke zlepšení fungování prohlížeče.
Existují některé základní součásti, které prohlížeč potřebuje, než bude rozšíření plně funkční. Níže projdeme vše níže, včetně toho, jak přimět vaše vlastní rozšíření, aby fungovalo v Chromu, aniž by bylo nutné ho nahrávat nebo sdílet s kýmkoli jiným. >
Vytváření komplexního rozšíření Chrome je proces mnohem podrobnější než to, co uvidíte níže, ale obecný proces je stejný. Pokračujte ve čtení a zjistěte, jak vytvořit rozšíření pro Chrome, které můžete začít používat ještě dnes.
Tip: Chcete-li zjistit, jak úžasné může být vaše vlastní rozšíření, podívejte se na tato úžasná rozšíření Chrome.
Pomocí tohoto průvodce vytvoříte jednoduché rozšíření pro Chrome, které obsahuje seznam vašich oblíbených webových stránek. Je plně přizpůsobitelný a lze jej snadno aktualizovat.
<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Favorite Sites</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <ul id="myUL"> <li><a href="https://helpdeskgeek.com/" target="_blank">Help Desk Geek</a></li> <li><a href="https://www.online-tech-tips.com/" target="_blank">Online Tech Tips</a></li> <li><a href="https://thebackroomtech.com/" target="_blank">The Back Room Tech</a></li> </ul> </body> </html>
Neváhejte a upravujte odkazy a text odkazu, nebo pokud chcete, aby se rozšíření prohlížeče Chrome přesně shodovalo s tím, čím jsme,
In_content_1 vše: [300 x 250] / dfp: [640 x 360]->{
„update_url“: „https://clients2.google.com/service/update2/crx“,
„manifest_version“: 2,
„name“: „Oblíbené weby“,
„description“: „Všechny mé oblíbené weby.“,
„Verze“: „1.0“,
„ikony“: {
„16“: „icon.png“,
„32“: „icon.png“,
„48“: „icon.png“,
„128“: „ikona. png ”
},
„ pozadí “: {
„ stránka “:“ pozadí. html "
},
„ prohlížet “: {
„ default_icon “: icon.png ”,
„ default_title “:„ Oblíbené weby “,
„ default_popup “:„ popup.html “
}
Jedlé oblasti tohoto kódu zahrnují name, descriptiona default_title
#myUL {
seznam -style-type: none;
padding: 0;
margin: 0;
width: 300px;
}
#myUL li a {
hranice: 1px solidní #ddd;
okraj: -1px;
barva pozadí: # f6f6f6;
odsazení: 12 pixelů;
dekorace textu: žádné;
velikost písma: 18 pixelů;
barva: černá;
zobrazení : block;
rodina fontů: 'Noto Sans', sans-serif;
#myUL li a: hover: not (.header) {
barva pozadí: #eee;
V souboru CSS můžete hodně změnit. Poté, co si rozšíření Chrome upravíte podle svých představ, si s těmito možnostmi pohrajte.
Tip:Google má více informací při vytváření rozšíření Chrome. Existují další příklady a pokročilé možnosti, které přesahují jednoduché kroky, které jsme zde ukázali.
Nyní, když jste udělali rozšíření pro Chrome , je čas jej přidat do prohlížeče, abyste mohli skutečně používat všechny právě vytvořené soubory. Instalace vlastního rozšíření zahrnuje postup, který se liší od postupu jak nainstalovat normální rozšíření pro Chrome.
Nyní, když je vaše rozšíření Chrome použitelné, můžete provést změny a vytvořit si vlastní.
Soubor styles.css řídí, jak se přípona objeví, takže můžete upravit celkový styl seznamu a změnit barvu nebo typ písma. W3Schools je jedním z nejlepších zdrojů, jak se dozvědět o všech různých věcech, které s CSS můžete dělat.
Chcete-li změnit pořadí, ve kterém jsou webové stránky uvedeny, nebo přidat či více weby nebo odstranit stávající, upravte soubor popup.html. Nezapomeňte své úpravy ponechat pouze na adrese URL a názvu. Všechny ostatní znaky, například
5.11.2019