Sådan ses kildekoden for en Chrome Extension
De udvidelser, du installerer i Chrome-browseren på din computer, er kun en gruppe af kildekodefiler, der udfører de foruddefinerede aktiviteter. Nogle nysgerrige sind derude kan måske se den nøjagtige kode, der bygger disse udvidelser. Mens du ser kildekoden på en webside i Chrome, er det lige så nemt som at højreklikke på siden og vælge en indstilling, er det ikke så nemt at få adgang til kildekoden for en Chrome-udvidelse.
Det bør dog ikke stoppe dig fra at se kildekoden for en udvidelse. Ved hjælp af følgende to metoder skal du kunne se kildekoden for en Chrome-udvidelse på din computer.
Følgende metoder demonstreres ved anvendelse af en Mac.
Se kildekoden for en Chrome Extension i File Explorer
Mens filerne til de udvidelser, du installerer i Chrome, gemmes på din computer, er de ikke meget nemme at finde, da deres mappenavne er noget videnskabeligt. Men med nedenstående metode skal du være i stand til at afsløre de mapper, hvor filerne til udvidelseskilden er placeret.
1. Åben Chrome på din computer og skriv chrome://extensions
i adresselinjen, og tryk på Enter. Det åbner listen over udvidelser i browseren.
2. Når udvidelsessiden åbnes, skal du markere boksen mærket som "Udviklertilstand" i øverste højre hjørne. Det skal lade dig se flere detaljer om udvidelserne på siden.
3. Du skal nu kunne se ID'erne for de udvidelser, der vises på skærmen. Hvad du skal gøre her, er at bemærke ID'en af udvidelsen, hvis kildekodefiler du ønsker at se.
I det følgende eksempel har jeg fremhævet ID'et til "Adblock for Youtube" -udvidelsen. Jeg vil afsløre kildekoden for denne udvidelse i de følgende trin.
4. Nu, hvor du har id'et til udvidelsen, skal du skrive chrome://version
i adresselinjen i din browser og trykke på Enter. Det skal hjælpe dig med at finde den mappe, hvor udvidelsesfiler eksisterer.
5. Marker og kopier værdien af "Profilvej" til udklipsholderen på siden for Chrome-version. Det vises i det følgende skærmbillede.
6. Åbn Finder (eller Filhåndtering på dit operativsystem). Klik på "Gå" øverst og vælg "Gå til mappe ..." Det giver dig adgang til mappen til udvidelser på din Mac.
7. Indsæt profilbanen, du har kopieret til dit udklipsholder, på menuen Gå til mappe, og klik på "Gå" for at åbne den mappe i et Finder-vindue.
8. Dobbeltklik på mappen "Udvidelser" på følgende skærmbillede for at åbne den mappe, hvor alle dine udvidelser er tilgængelige.
Hvad du vil se her er en række mapper med nogle forvirrende navne. Selv om disse mapper er til de udvidelser, du har installeret i Chrome, har de ikke samme navn som udvidelsesnavnet, og derfor er det svært at finde mappen til din udvidelse.
Se nu efter den mappe, der har samme navn som det udvidelses-id, som du noterede dig ned i et af trinene ovenfor. Det er mappen til din udvidelse.
9. Alle udvidelsesfilerne skal være der i mappen, og du kan åbne dem med din yndlingsredaktør for at se deres koder.
Sådan kunne du se kildekoden til en Chrome-udvidelse uden at bruge et tredjepartsværktøj. Hvis du ikke har noget imod at installere en udvidelse, er følgende afsnit for dig.
Se kildekoden for en Chrome-udvidelse ved hjælp af en udvidelse
1. Åbn Chrome på din computer, gå til siden for Chrome-udvidelseskildens visning på Chrome Webshop og klik på "Tilføj til Chrome".
2. Klik på "Tilføj forlængelse" på følgende skærmbillede.
3. Når udvidelsen er tilføjet til din browser, skal du åbne en udvidelsesside på Chrome Webshop, som f.eks. Udvidelsessiden for Markdown Preview.
Når siden indlæses, skal du klikke på CRX-ikonet i udvidelseslinjen i Chrome og vælge "Vis kilde".
4. Du skal kunne se den valgte udvidelseskilde i Chrome-vinduet.
Konklusion
Hvis du er nysgerrig efter at se kildekoderne for de udvidelser, du installerer i din browser, skal vejledningen ovenfor hjælpe dig med at gøre det med to nemme måder.
Billedkredit: Kildekode Clef