Utvidelsen Lolly URL Screenshot lar webappen ta skjermbilde av en hvilken som helst nettside fra innsiden av nettleseren din. Uten den krever fangst av en URL skrivebordsappen - en nettleserside kan ikke lese piksler fra en annen side på egen hånd. Utvidelsen kan, ved å bruke samme fangst som skrivebordsappen bruker.
Den gjør én annen jobb på samme måte: leser en enkelt side du oppgir, slik at Brand Studio kan hente en merkevare ut av et livenettsted. Begge er dekket under.
Den kjører på Chromium-baserte nettlesere: Chrome, Edge, Brave, Arc, Opera - Chrome 111 eller nyere.
Inntil den er installert, åpnes URL Screenshot likevel slik at du kan sette sammen et skudd, og en merknad øverst i verktøyets kontroller sier hva som mangler.
signed by Lollyvector SVGSjekk det selvGet the signed file4 paths~2.4k nodes4 groups29 KB
signed by Lollyvector SVGSjekk det selvGet the signed file4 paths~2.4k nodes4 groups29 KB
Hver kontroll er live mens du venter: mål-URL-en, rullodybden, roforsinkelsen, beskjæringsmarginene og omfargingen. Bare selve fangsten trenger en vert.
signed by Lollyvector SVGSjekk det selvGet the signed file52 paths~3.6k nodes158 groups1 image62 KB
signed by Lollyvector SVGSjekk det selvGet the signed file52 paths~3.6k nodes158 groups1 image62 KB
Installer
Fra Chrome nettbutikk
Kommer snart. Når den er publisert installerer du den med ett klikk, og laster deretter Lolly på nytt.
Last den inn selv (utviklere)
Utvidelsen ligger i repoet under shells/chrome-extension/.
- Åpne
chrome://extensions. - Slå på Developer mode (øverst til høyre).
- Klikk Load unpacked og velg mappen
shells/chrome-extension/. - Last Lolly på nytt - URL Screenshot fungerer nå i nettleseren.
Slik fungerer det
- Et lite skript forteller Lolly at utvidelsen er til stede, slik at verktøyet URL Screenshot slår seg på automatisk - ingen oppsett.
- Når du rendrer, åpner utvidelsen målsiden i en bakgrunnsfane, fanger den via DevTools Protocol (samme
Page.captureScreenshotsom skrivebordsappen bruker), lukker deretter fanen og leverer bildet tilbake. - Den kjører helt i nettleseren din, på ditt nettverk - så fangst av
localhosteller et internt nettsted fungerer. Selve fangsten lastes aldri opp noe sted; den eneste nettverkstrafikken er din egen nettleser som laster siden du ba om å skyte.
Mens en fangst kjører kan du kort se en "…startet feilsøking av denne nettleseren"-banner på den midlertidige fanen. Det er DevTools Protocol i arbeid; den forsvinner av seg selv når skuddet er ferdig.
Å lese et nettsted for Brand Studio
Kilden Website i Brand Studio starter en merkevare fra et nettsted du allerede har. På Chromium er det utvidelsen som leser det; på skrivebordsappen gjør en nativ henting samme jobb, og på en vanlig nettleser uten utvidelse tilbys ikke flisen i det hele tatt.
Hva som skjer når du trykker på den:
- Én adresse, én side. Utvidelsen åpner den i samme slags bakgrunnsfane, leser den rendrede markeringen, stilarktekst og en håndfull ikon- og logobilder, og lukker deretter fanen. Den følger ikke lenker og den crawler ikke.
- Stilark og skrifter hostet andre steder (et CDN, en skrifttjeneste) hentes også, fordi sidens farger og typografi bor i dem. Kryssopprinnelses-forespørsler går uten dine informasjonskapsler; forespørsler fra samme opprinnelse bruker dem, akkurat som selve siden ville gjort.
- Alt er begrenset - et avgrenset antall ark, bilder og bytes - slik at en fiendtlig eller halvt ødelagt side returnerer delvis materiale i stedet for å henge.
- Bytene går rett tilbake til Lolly-fanen som spurte. Tolkningen til farger, typografi og logoer skjer på din enhet; ingenting lastes opp.
Ingenting leses før du trykker. Å lime inn en adresse fyller bare ut feltet.
Etter installasjon
Last Lolly-fanen på nytt. Prompten "Get the extension" forsvinner og URL Screenshot blir tilgjengelig i galleriet og i batch-modus.
Tillatelser
manifest.json erklærer fire tillatelser pluss vertstilgang:
debugger- styre bakgrunnsfanen gjennom DevTools Protocol. Dette er det som tar skjermbildet.tabs- åpne den midlertidige bakgrunnsfanen og lukke den igjen etterpå.scripting- kjøre ensidelesern inne i nettstedet du oppga, for Brand Studios Website-kilde.storage- notere id-en til en fane den åpnet, kun i økt-lagring, slik at fanen fortsatt blir lukket hvis nettleseren suspenderer utvidelsen midt i lesingen. Tømmes ved neste oppstart; ingenting om deg lagres.host_permissions: ["<all_urls>"]- vertstilgang til alle nettsteder, fordi du kan peke den mot en hvilken som helst URL du velger. Chrome viser dette ved installasjon som en bred "les og endre alle dataene dine på alle nettsteder"-advarsel.
Til tross for den advarselen leser den bare den ene siden du ber den fange eller importere, og den leser eller overfører ikke nettleserdataene dine - ingenting lastes opp noe sted.
Manifestet setter også minimum_chrome_version: 111. Gjeldende versjon er 0.2.1.
Feilsøking
- Ser fortsatt "Get the extension"? Last Lolly-fanen på nytt - deteksjon skjer ved sidelasting.
- Ingenting skjer på dette nettstedet? Utvidelsen aktiveres kun på Lollys egne opprinnelser. Kjører du en egendefinert build på et annet domene? Legg det til i
content_scripts.matchesi utvidelsensmanifest.json. - En fangst feiler? Sjekk at URL-en er nåbar og starter med
http://ellerhttps://. Enkelte sider blokkerer aktivt automatisert fangst.