NemProgrammering.dk logo

Sådan designer du et user interface til din Chrome Extension

Lær at lave Google Chrome extensions » Sådan designer du et user interface til din Chrome Extension # 3

Information om denne video

Underviser: Benjamin Mikkelsen   Video: 04:26   Lektion nr. 3 af 7

I episode tre gennemgås popup designet for den nye Chrome extension.
Popupp’en er det lille vindue, der popper frem, når man trykker på ikonet.
Vi starter med at lave en popup-mappe, da vi skal bruge forskellige elementer i
vores popup (Javascript og html).

Først laves en html fil, hvori der kan skrives domæner. Heri angives flere forskellige
html-elementer, der skal gøre det muligt for udvidelsen at læse forskellige domæner.
Det er ligeledes her, at vi designer knapperne i vores popup samt de to elementer,
der skal angive de to prispunkter på produktet. Til sidst oprettes et javascript
ved navn popup.js og background.js for at klargøre til programmeringen
af scriptet.