Först lite om vad ett tillägg är: ett tillägg är ett litet tillägg för webbläsaren som utökar dess funktionalitet. Tillägg kan utföra en mängd olika funktioner: de gör det möjligt att ladda ner musik eller video där det helt enkelt inte kan laddas ner, till exempel på VKontakte eller på Youtube. Förenkla arbetet med dokument, bilder, ge möjlighet att välja vilket sökmotor använda i en specifik situation utan att gå till sökmotorns webbplats, ändra utseende webbplats.
Förlängningar i Google Chrome installerat från den officiella appbutiken, låt inte namnet lura dig - du behöver inte köpa någonting. För att komma till tilläggsbutiken, följ länken
Eller gå till butiken med hjälp av webbläsarmenyn: i det övre högra hörnet av webbläsaren, klicka på knappen med tre punkter. Webbläsarmenyn öppnas, välj "Ytterligare verktyg". Ett annat fönster visas där du behöver hitta objektet "Extensions" och klicka på den:
Nu är du i fliken med tilläggen installerade i webbläsaren. Om inga tillägg har installerats tidigare, kommer det inte att finnas något här, eller förinstallerade kommer att visas. Google-tillägg Chrome - dokument, presentationer, kalkylblad. Beror på webbläsarversion. Klicka på det övre vänstra menyalternativet "Extensions", sedan ner till "Öppna Chrome Web Store":
varefter du tas till förlängningsbutiken. Här kan du se alla tillgängliga, sortera dem efter kategorier, funktioner, betyg. Det enda negativa är språket, inte alla tillägg har en beskrivning och gränssnitt på ryska.
Om du vet vilken tillägg du behöver, skriv bara in dess namn "Sök i butik" och tryck på Enter. Observera att sökresultaten inte bara kan innehålla tillägg utan även applikationer. För att inte ta fel, välj i sökresultaten "Extensions". Från resultaten som hittats, välj önskat tillägg och klicka på knappen "Installera":
Efter installationen bör en ikon visas i det övre högra hörnet, med vilken du kan hantera tillägget, konfigurera det, aktivera eller inaktivera alla funktioner:
Inställningarna aktiveras genom att högerklicka på ikonen. I vissa fall kanske det inte finns en ikon, allt beror på tillägget som installeras och dess möjligheter.
Hur man installerar ett tredjepartstillägg i Google Chrome
Om du har ett tredjepartstillägg eller användarskript från en källa du litar på, men av någon anledning är tillägget inte tillgängligt i Google Chrome Store, kommer du inte att kunna installera det normalt. Av säkerhetsskäl är installation av tredjepartstillägg, det vill säga tillägg som inte kommer från butiken, inte tillåtet i Chrome. Följande är sätt på vilka denna begränsning kan kringgås.
Installerar det nedladdade tillägget i .crx-format
- Först måste du öppna tilläggssidan i webbläsaren, enligt beskrivningen ovan: Webbläsarmenyn i det övre högra hörnet > Fler verktyg > Tillägg. Eller kopiera chrome://extensions/ och klistra in det i webbläsarens adressfält och tryck på Retur.
- Överst på sidan finns en switch "Utvecklarläge", aktivera den. 3 ytterligare knappar kommer att visas nedan: "Packförlängning" och "Uppdatera tillägg":
- Tilläggsfil som slutar på .crx, döp om det så att det slutar med .blixtlås och öppna det med arkivet som ett vanligt arkiv. Packa upp den i en mapp förberedd för detta (skapa till exempel en mapp på C-enheten som heter Extensions eller något annat namn).
- I webbläsaren, på sidan med tillägg, klicka på knappen "Ladda upp uppackad förlängning" och i fönstret som visas, välj den skapade mappen och klicka sedan på OK.
Tillägget kommer att installeras i webbläsaren, nu återstår bara att aktivera det genom att flytta omkopplaren bredvid tillägget till läget "Aktiverat".
Installera ett användarskript - en fil med formen .user.js i Google Chrome
Metod ett, vilket är enklare, men kräver installation av en extra förlängning. Tillägget heter tampermonkey och måste installeras från Google Chrome-butiken. Efter installationen kommer den att finnas tillgänglig i det övre högra hörnet av webbläsaren. När du trycker på vänster musknapp Följande fönster visas på tilläggsikonen:
för att välja ett objekt "Skapa ett nytt skript". Observera mittemot stycket "Ingår" ska ha en grön bock.
Ett fönster för att skapa ett nytt skript öppnas. Nu måste du öppna det nedladdade användarskriptet med en textredigerare, kopiera koden från den och klistra in den i det här fönstret i webbläsaren. Klicka sedan på "Arkiv -> Spara":
Manuset är klart att gå.
Det andra sättet att installera ett användarskript- utan användning av förlängningar. För att göra detta måste skriptet modifieras något, skapa en manifest.json-fil för det, tack vare vilken skriptet kan installeras som ett uppackat tillägg.
- Först måste du ladda ner själva skriptfilen med namnet *.user.js.
- Skapa nu en mapp och lägg skriptet i den (skapa till exempel en mapp på "C"-enheten som heter Extensions, eller något annat namn).
- Öppna skriptet med en textredigerare. Notera! Ett vanligt Windows-anteckningsblock kanske inte fungerar - det är tillrådligt att använda det textredigerare med möjlighet att ändra kodningen, till exempel Notepad ++. Texten i dessa två filer måste vara i UTF-8-kodning, annars fungerar inte installationen. I skriptfilen, i början, hitta följande rader:
// @name ... // @version ... // @description ... // @include ... (kan vara flera) // @exclude ... (kan vara flera)
- Skapa en manifest.json-fil i samma mapp och klistra in den här mallen i den (eller ladda ner den färdiga filen):
( "content_scripts": [ ( "exclude_globs": [ "all_domains_and_paths_from_exclude_directives" ], "exclude_matches": , "include_globs": [ "all_domains_and_paths_from_include_directives" ], "jser"_: "euser"_: "euser.es" http://*/*", "https://*/*" ], "run_at": "document_idle" ) ], "converted_from_user_script": true, "description": "your_user_script_description", "name": "your_user_script_name " ", "version": "userscript_version_number", "manifest_version": 2 )
"content_scripts" : [ ( "exclude_globs" : [ "alla_domäner_och_sökvägar_från_exkludera_direktiv"] , "exclude_matches" : , "inkludera_globs" : [ "alla_domäner_och_sökvägar_från_inkludera_direktiv"] , : "beskrivning_av_ditt_användarskript","namn" : "namn_på_ditt_användarskript", "version": "userscript_version_number", "manifest_version" : 2 |
Fyll den med användarskriptdata du letade efter i steg 3.
userscript_version_number- upp till 4 nummer separerade med punkter. Till exempel, 2.1.3
userscript_file_name.js- namnet på skriptfilen bredvid manifest.json-filen
alla_domäner_och_sökvägar_från_inkludera_direktiv- var och en inom citattecken, separerade med kommatecken, med alla metatecken som "*" - alla sökvägar från @include-direktiven som är skrivna i början av användarskriptfilen (till exempel ["http://site1.ru/*" ," http:// site2.ru/*" ]);
alla_domäner_och_sökvägar_av_exkludera_direktiv- samma för @exclude-direktiv
När allt är klart installeras användarskriptet som ett tredjepartstillägg. Överst till höger webbläsarmeny > Fler verktyg > Tillägg. Markera kryssrutan "Utvecklarläge", välj sedan "Ladda upp uppackad förlängning ..." och i fönstret som öppnas väljer du mappen med de nyskapade filerna. Om allt görs korrekt kommer användarskriptet att läggas till i webbläsaren och aktiveras. Det enda problemet den här metoden Faktum är att varje gång webbläsaren startar kommer den att visa detta fönster:
meddelar att den har ett tredjepartstillägg installerat som kan vara osäkert. Klicka bara på "Avbryt" så fungerar allt.
0. Inledning
Konfigurationsförlängningsmekanismen dök upp i 8.3.6-plattformen och kan följaktligen användas i konfigurationer med inaktiverad kompatibilitet. För tillfället är alla standardkonfigurationer på hanterade formulär stödförlängningar. Låt oss ta en närmare titt på vad denna mekanism är.
Enligt dokumentation:
"Konfigurationsförlängningsmekanismen är en speciell mekanism designad för att förfina en utdragbar konfiguration utan att ändra denna konfiguration (inklusive utan att ta bort den från stödet).
Huvudsyftet med konfigurationstillägget är att förfina den tillämpade lösningen under implementeringen (eller i "molnet") till klientens behov. Samtidigt behöver den slutförda konfigurationen inte tas bort från supporten. Som ett resultat är det enkelt att uppdatera en typisk applikationslösning som är under support, med behov av att utföra förbättringar. När du utvecklar ett tillägg bör du förstå vissa funktioner i konfigurationstilläggets funktion. Således kan en utökningsbar konfiguration ändras när som helst, till exempel som ett resultat av en uppdatering. Samtidigt kan tilläggsutvecklaren inte påverka möjligheten eller omöjligheten att uppdatera på något sätt. Du bör också tänka på det faktum att mer än ett tillägg kan fungera i systemet och författaren till varje tillägg (i allmänhet) vet inte hur det andra tillägget fungerar.
Du kan läsa mer om tillägg och se här:
Anteckningar i Looking Glass
Kurser för Gilev och Nasipov
Tillägg i 8.3.9
Nedan ska jag ge hjälpfulla tips att arbeta med extensions.
Vissa kan verka för enkla eller självklara, men de kan vara användbara för dem som precis har börjat med tillägg.
Jag kommer också gärna att lägga till dina råd från kommentarerna.
Låt oss gå!
1. Visa/dölj oförändrade objekt
När du lägger till nya objekt läggs även relaterade objekt till automatiskt i tillägget. Som ett resultat ackumuleras många tjänsteobjekt i tilläggets metadata.
För att endast visa ändrade objekt finns en knapp "Ändrat och lagt till i tillägget". När du klickar på den visas endast manuellt tillagda och ändrade tilläggsobjekt.
Dess arbetsprincip visas nedan:
2. Sekvens för utförande av hanterare
Om du omdefinierar en händelse eller ett kommando i ett tillägg, exekveras först hanteraren från tillägget och sedan den typiska konfigurationshanteraren.
Detta är inte alltid bekvämt, till exempel när vissa operationer ska utföras efter standardhanterare.
Tänk på exempel som låter dig ändra den här sekvensen:
a) Kör den generiska koden först, sedan koden från tillägget:
&AtServerCreation_AtServerProcedure(Fejl, StandardProcessing) AdditionalParameters = Ny struktur; AdditionalParameters.Insert("Meddelande", "Efter GenericHandler!"); SetRunAfterEventHandlers("RunAfterTypicalHandler", Ytterligare parametrar); EndProcedure &AtServer Procedure ExecuteAfterTypicalHandler(Fejl, Standardbearbetning, Ytterligare parametrar) Rapport(Ytterligare parametrar.meddelande); Slutprocedur
b) Kör först koden från tillägget, sedan typkoden och sedan igen koden från tillägget
&AtServer ProcedureInCreateTeachOnServer(Failure, StandardProcessing) // Procedurer till generiska hanterare Rapport("Till generisk hanterare!"); // Ställ in hanteraren efter standardhändelsehanteraren SetExecutionAfterEventHandlers("ExecuteAfterTypeHandler"); // Därefter kommer koden från typhanteraren att exekveras EndProcedure &AtServer Procedure ExecuteAfterTypicalHandler(Failure, StandardProcessing, AdditionalParameters) // Kod efter den maskinskrivna hanteraren från tillägget Report("Efter den typade hanteraren!"); Slutprocedur
c) Kör typkod först, sedan kod från anknytning, skriv sedan kod igen
Du kan använda ett knep:
- Vi avbryter exekveringen av hanterare från den typiska konfigurationen.
– I förlängningen kallar vi nödvändiga procedurer från standardkoden blandat med rutiner från förlängningen.
&AtServer ProcedureInCreateInServer(Failure, StandardProcessing) // Procedurer till Generic Handlers Report("Före GenericHandler!"); // Procedurer från en typisk hanterare If NOT ValueFilled(Bank Account.CurrencyCash) Then BankAccount.CurrencyCash = General Purpose BPCallServerRetryUse.GetRegulatedAccountingCurrency(); EndIf; PlaceContactInformation(); If Parameters.Key.Empty() Then PrepareFormOnServer(); EndIf; FormControl(ThisForm); // Procedurer efter generiska hanterare Report("After GenericHandler!"); // Stoppa exekvering av generiska hanterare SetExecuteEventHandlers(False); Slutprocedur
d) Avbryt generiska hanterare
&AtServer ProcedureTraining_WhenCreatedAtServer(Failure, StandardProcessing) // Stoppa exekvering av typiska hanterare SetExecuteEventHandlers(False); Slutprocedur
3. Skapa och använd en delad modul, hanterarmodul eller objektmodul
För närvarande tillåter förlängningsmekanismen inte att skapa eller låna delade moduler, hanterarmoduler och objektmoduler. Men i bearbetningen som ingår i konfigurationen är managermodulen tillgänglig och kan nås:
&AtServer Procedur NotifyDirectorAtServer() Position = "Director"; Huvudets fullständiga namn = "Ivanov I.I."; Processing.Study_Processing.Meddela direktören (befattning, chefens fullständiga namn); Slutprocedur
Bearbetningsansvarig modul:
Procedur NotifyDirector(Value Position, Value Head Full Name) Export MessageText = StrTemplate(НStr("ru="%1 %2""), Position, FullName); Notify(MessageText); Slutprocedur
På samma sätt kan du organisera ditt eget utseende av en gemensam modul, där du kan lagra vanliga procedurer och funktioner som krävs för att tillägget ska fungera, . Kan även ingå i en förlängning extern bearbetning. Låt mig påminna om att managermodulen inte är tillgänglig i extern bearbetning.
4. Hur man ansluter felsökning
PÅ typiska konfigurationer Baserat på biblioteket med standardundersystem (BSP), vid felsökning av tillägg, uppstår följande fruktansvärda meddelande:
Det inträffar om vår anknytning är öppen i konfiguratorn och behandlas endast genom att stänga tilläggsfönstret.
För att möjliggöra felsökning i tillägget bör du ocksåanvänd nyckeln kommandorad- "Felsökningsläge"
Det här är Y förlåtande kodfelsökning. Särskilt:
- Alla långvariga operationer utförs omedelbart, utan att köra ett bakgrundsjobb;
- Vid utveckling av konfigurationstillägg är det möjligt att köra med konfigurationstillägg installerade, vilka i det här ögonblicketöppnas i konfiguratorn (förutsatt att konfigurationsversionen och tilläggsversionerna inte har ändrats).
Så här installerar du det:
- Kör företag med kommandoradsväxel - "/C Felsökningsläge"
- I konfiguratorläget, ställ in startparametern:
Verktyg -> Alternativ -> Starta 1C:Enterprise -> Startalternativ: ange en sträng< Felsökningsläge>
När du ansluter ett tillägg för första gången, eller om det finns en ändring i versionen av tillägget eller leverantören, kan felsökning misslyckas med att ansluta till samma meddelande.
För att rätta till denna situation kan du prova följande steg:
1. Stäng denna förlängning i konfiguratorn
2. Kör konfigurationen i företagsläge och öppna formuläret som är kopplat till tillägget
3. Öppna tillägget i konfiguratorn
4. Starta om felsökningen.
5. Hur man skriver förfrågningar
Tillägget ser och fungerar endast med de objekt som är lånade från huvudkonfigurationen.
Objekt som inte är lånade är inte synliga i tillägget och när du försöker komma åt dem, till exempel i förfrågningstexten, i "Konfigurator"-läget, orsakar de ett fel. Även om den är i användarläge, körs koden utan problem.
Att skriva eller redigera frågor med stor kvantitet metadata är bättre att använda någon extern bearbetning. All metadata från huvudkonfigurationen är tillgänglig i den:
6. Hur man sparar data
Tillägget är inte utformat för att lagra viktig data, än mindre data som påverkar bokföringen. Men inställningarna måste sparas.
Du kan använda lagring för detta. Allmänna Inställningar eller spara formulärdata:
a) Spara formulärdata
I det redigerade formuläret kan du ställa in egenskapen - "AutoSaveDataInSettings" till "Use" och sätta flaggan "Spara" över de nödvändiga detaljerna. Detta gör att du kan spara värdena för attributen med plattformens standardmekanism:
Denna datalagring .
b) Lagring av allmänna inställningar
Alla data kan lagras i denna lagring. Mer detaljer kan vara.
Tänk på ett exempel på lagring av godtycklig data.
Databesparing:
&OnServer Procedur BeforeClosingOnServer() // Förbered datalagring structureSettingsStructure = Ny struktur; StructureSettings.Insert("Alla", Alla); StructureSettings.Insert("Stäng", Stäng); StructureSettings.Insert("Till vänner", Till vänner); // Spara data i lagringen för allmänna inställningar Allmänna inställningar Lagring Slutprocedur
Dataåterställning:
&OnServerCreateOnServerProcedure(Fejl, StandardBearbetning) // Initialize structureSettingsStructure = Ny struktur; // Restore the saved dataSettingsStructure = GeneralPurpose.GeneralSettingsStorageLoad("Study_MakeAllGood", "Settings", SettingsStructure); // Fyll i värdena för formulärattributen FillPropertyValues(ThisForm, SettingsStructure); Slutprocedur
7. Hur du lägger till din layout
Tyvärr kan du inte lägga till eller ändra layouter i lånade dokument. Men layouter kan läggas till behandlingar, och du kan även infoga externa behandlingar som redan har layouter. Dessa layouter kan användas för att skapa eller modifiera utskrifter, .
8. Hur man byter ut fyllningsknappen i tabelldelen
Ibland kan du behöva lägga till din egen fyllningsknapp och lämna standardknappen.
För att ta bort en typisk knapp, men inte ta bort den helt, kan du ställa in egenskapen - "Endast i alla åtgärder" - "Ja":
I detta fall kommer knappen att vara tillgänglig från undermenyn "Mer". Detta gör att du kan fortsätta arbeta med standardfunktioner i händelse av oförutsedda situationer.
9. Tillägg som en buggfix
Det finns situationer när klienten har ett fel, men konfigurationen är låst. Jag vill inte ta bort från supporten för att åtgärda felet. I sådana situationer är det möjligt att skapa ett litet tillägg som fixar just detta fel. Efter att ha skapat ett sådant tillägg en gång kan du enkelt ansluta det till alla dina kunder.
Dessutom lägger typiska utvecklare ibland upp texten till felkorrigeringen på partnerforumet. Detta kommer att göra det ännu lättare att skapa en sådan förlängning.
Om felet inte är lätt att åtgärda kan du göra det åtminstone mindre kritiskt, till exempel genom att sätta en stubb i problemområdet.
Och glöm inte att inaktivera detta tillägg efter att felet har åtgärdats i den typiska konfigurationen.
10. Hur du tar din bearbetning till gränssnittet
För att föra din bearbetning till konfigurationsgränssnittet måste du inkludera den i det obligatoriska delsystemet:
Du kan också skapa ditt eget delsystem i tillägget och lägga in de nödvändiga objekten i det.
Till exempel kan du lägga extern bearbetning eller rapporter i tillägget och helt enkelt koppla dem till valfri konfiguration:
11. Hur man överför tillägget till 8.3.8
För att överföra tillägget till 8.3.8, gör följande:
1. Ta bort kompatibilitetsläget i tillägget.
Ställ in kompatibilitetsegenskaperna så att de är samma som huvudkonfigurationen.
2. Åtgärda anslutningsproblem.
Det är nödvändigt att kontrollera att ny version anknytning är ansluten. Orsaken till felen kan ses i loggen.
3. Uppdatera formulären i tillägget.
Du bör uppdatera tilläggsformulären från huvudkonfigurationen. Så att både i förlängningen och i konfigurationen av formuläret är desamma.
4. Anpassa formulärets layout till motorns nya regler.
Riktlinjer för anpassning av blanketter till den nya plattformen finns på denna länk.
5. Kontrollera att förlängningen ser ut och fungerar korrekt.
Mer information om varje artikel beskrivs i. Det finns också användbart material om ämnet.
12. Hur man ansluter förlängningen
1. Administration - "Utskrift av blanketter och bearbetning"
3. Knapp "Lägg till" - Välj en fil
4. "Starta om"-knapp
5. Klart!
13. Hur man uppdaterar tillägget
1. Administration - "Utskrift av blanketter och bearbetning"
3. Vi kommer upp på önskad förlängning
4. "Mer" - Kommandot "Uppdatera från fil på disk"
5. Omstart-knapp
6. Klart!
För nu är det allt!
Tacksamhet kan uttryckas i pengar, och sedan krisen, du vet!
Tillägg lägger till ny funktionalitet till webbläsaren.
Att lägga till ett tillägg till krom är i allmänhet enkelt.
Allt arbete görs i webbläsaren Google Chrome.
Så, för att lägga till ett tillägg till chrome, gå till Inställningar och Googles ledning Krom.
Det är lätt att hitta ingången till inställningarna. Håll muspekaren över de tre horisontella staplarna i det övre högra hörnet Google webbläsare Krom. En prompt kommer att visas - Konfigurera och hantera Google Chrome.
Klicka på knappen med tre ränder. Kontextmenyn öppnas (fig. 1).
Fig.1 Lägga till ett tillägg till chrome - Google Chrome-inställningar och hantering
Detta kan göras på två sätt.
Den första: i snabbmenyn inställningar och hantera Google Chrome klick inställningar, klicka sedan i fönstret som öppnas Tillägg.
Andra: i snabbmenyn inställningar och hantera Google Chrome välja Ytterligare verktyg, klicka sedan på i menyn som öppnas Tillägg.
Resultatet blir detsamma. Vi kommer till avsnittet med redan installerade tillägg i chrome.
I jämförelse är den andra metoden snabbare och mer att föredra, men i allmänhet är detta ett amatörföretag.
Du kan också komma åt tillägg via adressfältet i Chrome genom att ange adressen - chrome://extensions/.
Som redan nämnts kommer vi att se alla installerade tillägg här.
Till lägg till ny tillägg till chrome du måste klicka på länken - Fler tillägg .
Den finns under listan över installerade tillägg.
Det finns många tillägg här och till en början är det problematiskt att snabbt lägga till den rätta.
För att underlätta sökningen efter önskad förlängning finns en rad uppe till vänster Butikssökning. Det kommer att hjälpa dig mycket om du vet namnet på tillägget.
Till exempel, för att hitta ett tillägg för webbplatsens TIC-kontrollknapp, skriv bara in frasen yandex tyc google pr-indikator.
Den önskade förlängningen öppnas.
Klicka på knappen Är gratis. Verifieringsprocessen för tillägg kommer att börja.
Då visas en dialogruta Nya förlängningsbekräftelser.
Klickar Lägg till. Kontrollen pågår igen och en dialogruta visas där du uppmanas att aktivera tillägget i Chrome.
Det finns tillfällen när försök att lägga till ett tillägg till Chrome under verifiering ger ett fel.
Sedan kan du försöka lägga till tillägget i chrome genom att klicka någon annanstans i det valda tillägget, inte på knappen Är gratis.
I det här fallet öppnas en ny dialogruta och redan i den, för att lägga till, klicka på knappen Är gratis och sedan processen att kontrollera och lägga till som vanligt.
Ibland hjälper det.
Eller så kan du bara klicka på uppdatera i feldialogrutan och upprepa processen med att lägga till tillägget i chrome.
Vanligtvis slutar allt bra. En ny tillägg läggs till i chrome.
Du kan se det direkt genom att gå till avsnittet Tillägg.
Det tillagda tillägget kommer redan att vara aktiverat.
Så vi har täckt hela processen med att lägga till en tillägg till chrome (google chrome).
Men vägen för att söka och lägga till ett tillägg kan förkortas avsevärt.
För att lägga till ett tillägg till chrome kan du helt enkelt skriva i adressfältet:
https://chrome.google.com/webstore/category/extensions?hl=sv
Har du någonsin undrat hur man gör ett tillägg för Chrome? Jag är här för att berätta hur lätt det är. Följ dessa steg, din idé blir verklighet och du kommer att kunna publicera ett riktigt tillägg i Chrome Web Store på nolltid.
Vad är ett Chrome-tillägg?
Med Chrome-tillägg kan du lägga till funktionalitet i Chrome webbläsare utan djupdykning till ursprunglig kod. Detta är fantastiskt eftersom du kan skapa nya Chrome-tillägg baserade på tekniker som webbutvecklare är bekanta med: HTML, CSS och JavaScript. Om du någonsin har skapat en webbsida kan du skapa en tillägg på kortare tid än du kan äta lunch. Det enda du behöver veta är hur du lägger till vissa funktioner i Chrome med JavaScript API:er som tillhandahålls av Chrome.
Vad vill du skapa?
Innan du börjar bör du ha en allmän uppfattning om vad du vill göra. Det här borde inte vara någon ny genombrottsidé, från början kan vi bara göra ett projekt för skojs skull. I den här artikeln kommer jag att berätta om min idé och hur jag implementerade den som en Chrome-tillägg.
Planen
För en tid sedan använde jag Unsplash-tillägget - det visade sig bra bakgrundsbilder på den tomma standardfliken. Senare ersatte jag den med Muzli-tillägget, som förvandlar standardfliken till ett flöde med designinnehåll och nyheter från hela webben.
Låt oss använda dessa två expansioner som inspiration för att skapa något nytt, men den här gången för filmälskare. Min idé är att visa en slumpmässig filmbakgrundsbild varje gång du öppnar en ny flik. På scroll ska tillägget förvandlas till bra kanal om populära filmer och tv-program. Låt oss börja.
Steg ett: installation
Det första steget är att skapa en manifestfil med namnet manifest.json. Detta är en JSON-metadatafil som innehåller egenskaper som ditt tilläggsnamn, beskrivning, versionsnummer och så vidare. I den här filen berättar vi för Chrome vad tillägget kommer att göra och vilka behörigheter det kräver.
För tillägget måste vi ha behörighet att hantera activeTab, så vår manifest.json-fil ser ut ungefär så här:
( “manifest_version”: 2, “name”: “RaterFox”, “description”: “De mest populära filmerna och TV-programmen på din standardflik. Inkluderar betyg, sammanfattningar och möjligheten att titta på trailers.”, “version”: “ 1”, “author”: “Jake Prins”, “browser_action”: ( “default_icon”: “tab-icon.png”, “default_title”: “Ha en bra dag” ), “chrome_url_overrides” : ( “newtab”: “newtab.html” ), “permissions”: [“activeTab”] )
Som du kan se specificerar vi att newtab.html kommer att vara HTML-filen som ska visas varje gång en ny flik öppnas. För att göra detta måste vi ha behörighet att hantera activeTab, så när användaren försöker installera tillägget kommer de att få en varning om alla behörigheter som tillägget behöver.
En annan intressant sak i manifest.json är webbläsaråtgärder. I det här exemplet använder vi det för att ställa in titeln, men det finns fler alternativ i allmänhet. För att till exempel visa en popup när du klickar på en appikon i adressfältet behöver du bara göra något så här:
"browser_action": ( "default_popup": "popup.html", ),
Popup.html kommer nu att visas i popup-fönstret som skapas som svar på att en användare klickar på en webbläsaråtgärd. Detta är en standard HTML-fil, så den ger dig frihet över vad popup-fönstret visar. Lägg bara lite av din magi i en fil som heter popup.html.
Steg två: kontrollera om det fungerar
Nästa steg är att skapa en newtab.html-fil och placera den i " Hej världen»:
Hej världen!
För att kontrollera om det fungerar, besök chrome://extensions i din webbläsare och se till att kryssrutan "Utvecklarläge" är markerad i det övre högra hörnet.
Klicka på Ladda upppackat tillägg och välj katalogen där dina tilläggsfiler finns. Om tillägget är giltigt kommer det att vara aktivt omedelbart så att du kan öppna en ny flik och se din "Hej värld".
Steg tre: gör en snygg design
Nu när vi har vår första funktion är det dags att göra den snygg. Vi kan helt enkelt skapa en ny flik genom att skapa en main.css-fil i vår tilläggskatalog och ladda den i vår newtab.html-fil. Detsamma gäller att inkludera en JavaScript-fil för alla aktiva funktioner du vill använda. Jag antar att du har skapat webbsidor tidigare och nu kan du använda dina kunskaper för att visa dina användare vad du vill.
Slutet på planen
Allt jag behövde för att slutföra tillägget var HTML, CSS och JavaScript, så jag tror inte att det är viktigt att dyka djupt in i koden, så jag tar upp det snabbt.
Här är vad jag gjorde:
För min idé behövde jag fina bakgrundsbilder, så i en JavaScript-fil använde jag TMDb API för att få en lista över populära filmer, tog deras bakgrundsbilder och placerade dem i en array. När sidan laddar den väljer den slumpmässigt en bild från denna array och ställer in den som bakgrund på sidan. För att göra denna sida mer intressant lade jag även till aktuellt datum i det övre högra hörnet. Och att få ytterligare information, det låter användare klicka på bakgrunden, vilket leder till ett besök på filmens IMDb-sida.
Jag skapade en skärm med ett trevligt flöde av populära filmer när användaren försöker scrolla ner. Jag använde samma API för att skapa ett filmkort med en bild, titel, betyg och antal röster. Genom att klicka på kortet visas en översikt med en knapp för att se trailern.
Resultat
Nu med den här lilla manifest.json-filen och lite HTML, CSS och JavaScript, ser varje ny flik du öppnar mycket mer intressant ut:
Steg 4. Publicera tillägget
När ditt första Chrome-tillägg ser snyggt ut och fungerar som det ska är det dags att publicera det i Chrome Store. Följ bara den här länken för att gå till Chrome Web Store Dashboard (du kommer att bli ombedd att logga in på din konto Googla om det inte är det). Klicka sedan på knappen "Lägg till nytt objekt", acceptera villkoren och du kommer till en sida där du kan ladda ner tillägget. Komprimera nu mappen som innehåller ditt projekt och ladda ner denna ZIP-fil.
När du har laddat upp filen kommer du att se ett formulär där du måste lägga till lite information om ditt tillägg. Du kan lägga till en ikon detaljerad beskrivning, ladda upp några skärmdumpar och så vidare.
Se till att du tillhandahåller flera bra bilder för att visa ditt projekt. Butiken kan använda dessa bilder för att marknadsföra ditt innovativa projekt. Ju fler bilder du tillhandahåller, desto mer synligt blir ditt tillägg. Du kan förhandsgranska ditt tillägg i webbutiken genom att klicka på knappen "Förhandsgranska". När du är nöjd med resultatet klickar du på Publicera ändringar. Redo!
Det återstår bara att få användare!
Slutsats
Det är väldigt enkelt för en webbutvecklare att skapa ett Chrome-tillägg. Allt du behöver är HTML, CSS, JavaScript och grundläggande kunskap om hur man lägger till funktionalitet med några av JavaScript-API:erna som tillhandahålls av Chrome. Ditt första tillägg kan publiceras i Chrome Web Store på så lite som 20 minuter. Att skapa en ny, sevärd och vacker tillbyggnad kommer naturligtvis att ta lite mer tid. Men allt beror på dig!
Använd ditt kreativa tänkande för att komma på något intressant, men om du någon gång fastnar finns det en bra dokumentation om Chrome-tillägg som förmodligen kan hjälpa dig.
Om du hittar ett stavfel - markera det och tryck på Ctrl + Enter! För att kontakta oss kan du använda .