Tillägget Lolly URL Screenshot låter webbappen ta en skärmdump av vilken webbsida som helst inifrån din webbläsare. Utan det behöver man skrivbordsappen för att fånga en URL - en webbläsarsida kan inte läsa pixlar från en annan sajt på egen hand. Tillägget kan, med samma fångst som skrivbordsappen använder.
Det gör två andra jobb på samma sätt. En webbadress som klistras in i en bildruta kan bli en skärmdump av den sidan (Ta en skärmdump av den här sidan), och tillägget kan läsa en enskild sida du anger så att Brand Studio kan dra ut ett varumärke från en levande webbplats. Varje förfrågan väntar på ditt godkännande i tillägget.
Det körs på Chromium-baserade webbläsare: Chrome, Edge, Brave, Arc, Opera - Chrome 111 eller senare.
Tills det är installerat öppnas URL Screenshot ändå så att du kan komponera en bild, och en notis högst upp i verktygets kontroller säger vad som saknas.
signed by Lollyvector SVG4 paths~2.4k nodes4 groups30 KBKontrollera självHämta den signerade filen
signed by Lollyvector SVG4 paths~2.4k nodes4 groups30 KBKontrollera självHämta den signerade filen
Varje kontroll är levande medan du väntar: mål-URL:en, rulldjupet, avvaktningsfördröjningen, beskärningsmarginalerna och färgändringen. Endast själva fångsten behöver en värd.
signed by Lollyvector SVG31 paths~1.7k nodes38 groups30 KBKontrollera självHämta den signerade filen
signed by Lollyvector SVG31 paths~1.7k nodes38 groups30 KBKontrollera självHämta den signerade filen
Installera
Från Chrome Web Store
Kommer snart. När det är publicerat installerar du det med ett klick och laddar sedan om Lolly.
Ladda in det själv (utvecklare)
Tillägget finns i repot på shells/chrome-extension/. Den mappen är produktionsbygget, som bara fungerar med Lolly på https://lolly.tools.
- Öppna
chrome://extensions. - Slå på Developer mode (uppe till höger).
- Klicka på Load unpacked och välj mappen
shells/chrome-extension/. - Ladda om Lolly - URL Screenshot fungerar nu i webbläsaren.
För en lokal utvecklingsserver kör du pnpm run pack:chrome-extension:dev och laddar in dist/chrome-extension-dev i stället. Det paketet godtar även http://localhost:5173 och har Development i namnet.
Hur det fungerar
- Ett litet skript talar om för Lolly att tillägget finns, så att URL Screenshot kan spara fångster utan någon ytterligare konfiguration.
- Du godkänner varje förfrågan. När Lolly frågar öppnar tillägget sitt eget fönster Approve page request, som visar vilken sajt som frågar, om den vill ha en skärmdump eller sidans innehåll, och sidans adress. Ingenting läses förrän du trycker på Approve once. Cancel, eller att du stänger fönstret, avslutar förfrågan.
- Första gången du godkänner en förfrågan för en sajt frågar Chrome också om tillägget får komma åt den sajten. Chrome behåller den åtkomsten när du väl har tillåtit den, men varje senare förfrågan kräver ändå sitt eget Approve once.
- Ett godkännande gäller en förfrågan och löper ut efter 30 sekunder. Bara en förfrågan i taget kan vänta eller köras, och en godkänd förfrågan stoppas efter 55 sekunder. Om Lolly-sidan stängs eller byts ut, eller om målsidan flyttar till en annan sajt, avbryts förfrågan.
- När du har godkänt öppnar tillägget målsidan i en bakgrundsflik, fångar den via DevTools Protocol (samma
Page.captureScreenshotsom skrivbordsappen använder), stänger sedan fliken och lämnar tillbaka bilden till den Lolly-flik som bad om den. - Det körs helt i din webbläsare, på ditt nätverk - så att fånga
localhosteller en intern sajt fungerar. Sidan laddas med din webbläsarsession, så en sida du är inloggad på kan visa privat information i resultatet. Själva fångsten laddas aldrig upp någonstans; den enda nätverkstrafiken är din egen webbläsare som laddar sidan du bad om att fotografera.
Medan en fångst pågår kan du kort se en banner "…started debugging this browser" på den tillfälliga fliken. Det är DevTools Protocol i arbete; den försvinner av sig själv när bilden är klar.
Läsa en sajt för Brand Studio
Källan Website i Brand Studio startar ett varumärke från en sajt du redan har. På Chromium är det tillägget som läser den; på skrivbordsappen gör en inbyggd hämtning samma jobb, och på en vanlig webbläsare utan tillägg erbjuds rutan inte alls.
Vad som händer när du trycker på den:
- En adress, en sida. När du har godkänt öppnar tillägget den i samma sorts bakgrundsflik, läser den renderade uppmärkningen, stilmallstexten och en handfull ikon- och logotypbilder, och stänger sedan fliken. Det följer inte länkar och det genomsöker inte sajten.
- Stilmallar som ligger på andra platser (ett CDN, en typsnittstjänst) hämtas också, eftersom sidans färger och typografi finns i dem. Cross-origin-förfrågningar går utan dina cookies; samma-origin-förfrågningar använder dem, precis som sidan själv skulle göra.
- Allt är begränsat - ett fast antal stilmallar, bilder och byte - så att en illvillig eller halvtrasig sida returnerar delvis material i stället för att hänga sig.
- Byten går direkt tillbaka till den Lolly-flik som bad om dem. Tolkningen till färger, typografi och logotyper sker på din enhet; inget laddas upp.
Att klistra in en adress fyller bara i fältet. Ingenting läses förrän du startar läsningen och trycker på Approve once.
Efter installation
Ladda om Lolly-fliken. Uppmaningen "Get the extension" försvinner, URL Screenshot (under Verktyg) kan spara fångster till en fil, och verktyget blir tillgängligt i Batch-läge.
Behörigheter
Dess manifest.json deklarerar fyra behörigheter, plus sajtåtkomst som det ber om en sajt i taget:
debugger- styr bakgrundsfliken via DevTools Protocol. Det är det som tar skärmdumpen.tabs- öppnar den tillfälliga bakgrundsfliken och stänger den igen efteråt, samt kontrollerar att varken Lolly-sidan eller målsidan har flyttat sedan du godkände förfrågan.scripting- kör den enkla sidläsaren inuti sajten du angav, för Brand Studios Website-källa.storage- noterar id:t för en flik den öppnade, endast i sessionslagring, så att fliken ändå stängs om webbläsaren pausar tillägget mitt i läsningen. Rensas vid nästa start; inget om dig lagras.optional_host_permissions: ["http:///", "https:///"]- sajtåtkomst, som inte beviljas vid installation. När du trycker på Approve once ber tillägget Chrome om åtkomst till den enda sajten i den förfrågan, och Chrome frågar dig första gången för varje sajt.
Det läser bara den enda sida du godkänner, och det läser eller överför inte din webbläsardata - inget laddas upp någonstans.
Manifestet anger även minimum_chrome_version: 111. Den aktuella versionen är 0.4.0.
Felsökning
- Ser fortfarande "Get the extension"? Ladda om Lolly-fliken - identifieringen sker vid sidladdning.
- Inget händer på denna sajt? Tillägget fungerar bara på
https://lolly.tools, plushttp://localhost:5173i utvecklingspaketet. Ett annat ursprung, till exempel en egen installation av Lolly, kräver ett separat bygge av tillägget som listar det ursprunget i bådemanifest.jsonochpolicy.js. Det räcker inte längre att bara ändra manifestet. - En fångst misslyckas? Kontrollera att URL:en går att nå och börjar med
http://ellerhttps://. Vissa sidor blockerar aktivt automatiserad fångst. Om du tryckte på Cancel, stängde godkännandefönstret eller väntade längre än 30 sekunder, starta fångsten igen.