Extension de navigateur

L'extension Lolly URL Screenshot permet à l'appli web de capturer n'importe quelle page web depuis ton navigateur. Sans elle, capturer une URL nécessite l'appli de bureau - une page de navigateur ne peut pas lire les pixels d'un autre site par elle-même. L'extension le peut, en utilisant la même capture que l'appli de bureau.

Il fait un autre travail de la même façon : lire une seule page que tu nommes pour que Brand Studio puisse extraire une marque d'un site web en direct. Les deux sont couverts ci-dessous.

Elle fonctionne sur les navigateurs basés sur Chromium : Chrome, Edge, Brave, Arc, Opera - Chrome 111 ou plus récent.

Tant qu'elle n'est pas installée, URL Screenshot s'ouvre quand même pour que tu puisses composer une capture, et une note en haut des contrôles de l'outil indique ce qui manque.

signed by Lollyvector SVG2026-08-24Vérifie par toi-mêmeGet the signed file4 paths~2.4k nodes4 groups29 KBsigned by Lollyvector SVG2026-08-24Vérifie par toi-mêmeGet the signed file4 paths~2.4k nodes4 groups29 KB

Chaque contrôle est actif pendant l'attente : l'URL cible, la profondeur de défilement, le délai de stabilisation, les marges de recadrage et la recoloration. Seule la capture elle-même a besoin d'un hôte.

signed by Lollyvector SVG2026-08-24Vérifie par toi-mêmeGet the signed file52 paths~3.6k nodes158 groups1 image62 KBsigned by Lollyvector SVG2026-08-24Vérifie par toi-mêmeGet the signed file52 paths~3.6k nodes158 groups1 image62 KB

Installation

Depuis le Chrome Web Store

Bientôt disponible. Une fois publiée, tu l'installeras en un clic, puis tu rechargeras Lolly.

La charger toi-même (développeurs)

L'extension se trouve dans le dépôt à shells/chrome-extension/.

1. Ouvre chrome://extensions.
2. Active le Mode développeur (en haut à droite).
3. Clique sur Charger l'extension non empaquetée et choisis le dossier shells/chrome-extension/.
4. Recharge Lolly - URL Screenshot fonctionne désormais dans le navigateur.

Comment ça marche

• Un petit script indique à Lolly que l'extension est présente, ce qui active automatiquement l'outil URL Screenshot - sans configuration.
• Au moment du rendu, l'extension ouvre la page cible dans un onglet en arrière-plan, la capture via le DevTools Protocol (le même Page.captureScreenshot que l'appli de bureau utilise), puis ferme l'onglet et renvoie l'image.
• Elle s'exécute entièrement dans ton navigateur, sur ton réseau - ce qui permet de capturer localhost ou un site interne. La capture elle-même n'est jamais téléversée nulle part ; le seul trafic réseau est ton propre navigateur chargeant la page que tu as demandé à capturer.

Pendant qu'une capture s'exécute, tu peux brièvement voir une bannière "…started debugging this browser" sur l'onglet temporaire. C'est le DevTools Protocol à l'œuvre ; elle disparaît d'elle-même une fois la capture terminée.

Lire un site pour Brand Studio

La source Website de Brand Studio permet de démarrer une marque à partir d'un site que tu as déjà. Sur Chromium, c'est l'extension qui le lit ; sur l'appli de bureau, une récupération native fait le même travail, et sur un navigateur ordinaire sans extension, la tuile n'est même pas proposée.

Ce qui se passe quand tu l'actives :

• Une adresse, une page. L'extension l'ouvre dans le même type d'onglet en arrière-plan, lit le balisage rendu, le texte des feuilles de style et une poignée d'images d'icônes et de logos, puis ferme l'onglet. Elle ne suit pas les liens et ne fait pas de crawl.
• Les feuilles de style et polices hébergées ailleurs (un CDN, un service de polices) sont récupérées aussi, car les couleurs et la typographie de la page y résident. Les requêtes cross-origin partent sans tes cookies ; celles de même origine les utilisent, exactement comme la page elle-même le ferait.
• Tout est plafonné - un nombre borné de feuilles, d'images et d'octets - pour qu'une page hostile ou à moitié cassée renvoie du matériel partiel plutôt que de bloquer.
• Les octets reviennent directement à l'onglet Lolly qui a fait la demande. L'analyse en couleurs, typographie et logos se fait sur ton appareil ; rien n'est téléversé.

Rien n'est lu tant que tu n'as pas cliqué. Coller une adresse ne fait que remplir le champ.

Après l'installation

Recharge l'onglet Lolly. L'invite "Get the extension" disparaît et URL Screenshot devient disponible dans la galerie et en mode Batch.

Permissions

Son manifest.json déclare quatre permissions plus un accès aux hôtes :

• debugger - piloter l'onglet en arrière-plan via le DevTools Protocol. C'est ce qui prend la capture d'écran.
• tabs - ouvrir l'onglet temporaire en arrière-plan et le refermer ensuite.
• scripting - exécuter le lecteur mono-page à l'intérieur du site que tu as désigné, pour la source Website de Brand Studio.
• storage - noter l'id d'un onglet qu'elle a ouvert, uniquement en stockage de session, pour que l'onglet soit quand même fermé si le navigateur suspend l'extension en cours de lecture. Effacé au prochain démarrage ; rien te concernant n'est stocké.
• host_permissions: ["<all_urls>"] - accès à tous les sites, car tu peux la pointer vers n'importe quelle URL de ton choix. Chrome affiche cela à l'installation comme un large avertissement "lire et modifier toutes tes données sur tous les sites web".

Malgré cet avertissement, elle ne lit que la seule page que tu lui demandes de capturer ou d'importer, et elle ne lit ni ne transmet tes données de navigation - rien n'est téléversé nulle part.

Le manifeste fixe aussi minimum_chrome_version: 111. La version actuelle est 0.2.1.

Dépannage

• Tu vois toujours "Get the extension" ? Recharge l'onglet Lolly - la détection se fait au chargement de la page.
• Rien ne se passe sur ce site ? L'extension ne s'active que sur les origines propres à Lolly. Tu fais tourner une build personnalisée sur un autre domaine ? Ajoute-le à content_scripts.matches dans le manifest.json de l'extension.
• Une capture échoue ? Vérifie que l'URL est accessible et commence par http:// ou https://. Certaines pages bloquent activement la capture automatisée.