ब्राउज़र एक्सटेंशन

Lolly URL Screenshot एक्सटेंशन वेब ऐप को आपके ब्राउज़र के भीतर से किसी भी वेब पेज का स्क्रीनशॉट लेने देता है। इसके बिना, URL कैप्चर करने के लिए डेस्कटॉप ऐप चाहिए - एक ब्राउज़र पेज अपने आप किसी दूसरी साइट से पिक्सल नहीं पढ़ सकता। एक्सटेंशन यह कर सकता है, वही कैप्चर इस्तेमाल करके जो डेस्कटॉप ऐप इस्तेमाल करता है।

यह उसी तरह दो और काम करता है। किसी इमेज स्लॉट में पेस्ट किया गया वेब पता उस पेज का स्क्रीनशॉट बन सकता है (इस पेज का स्क्रीनशॉट लें), और एक्सटेंशन आपके बताए एक पेज को पढ़ सकता है ताकि Brand Studio किसी लाइव वेबसाइट से ब्रांड निकाल सके। हर अनुरोध एक्सटेंशन में आपकी मंज़ूरी का इंतज़ार करता है।

यह Chromium-आधारित ब्राउज़रों पर चलता है: Chrome, Edge, Brave, Arc, Opera - Chrome 111 या नया।

जब तक यह इंस्टॉल नहीं होता, URL Screenshot तब भी खुलता है ताकि आप एक शॉट तैयार कर सकें, और टूल के नियंत्रणों के ऊपर एक नोट बताता है कि क्या कमी है।

signed by Lolly2026-10-21vector SVG4 paths~2.4k nodes4 groups30 KBखुद जाँचेंसाइन की हुई फ़ाइल पाएँ signed by Lolly2026-10-21vector SVG4 paths~2.4k nodes4 groups30 KBखुद जाँचेंसाइन की हुई फ़ाइल पाएँ

इंतज़ार के दौरान हर नियंत्रण सक्रिय रहता है: लक्ष्य URL, स्क्रॉल गहराई, सेटल विलंब, क्रॉप इनसेट और रीकलर। केवल कैप्चर के लिए ही एक होस्ट चाहिए।

signed by Lolly2026-10-21vector SVG31 paths~1.7k nodes38 groups30 KBखुद जाँचेंसाइन की हुई फ़ाइल पाएँ signed by Lolly2026-10-21vector SVG31 paths~1.7k nodes38 groups30 KBखुद जाँचेंसाइन की हुई फ़ाइल पाएँ

इंस्टॉल करें

Chrome Web Store से

जल्द आ रहा है। इसके प्रकाशित होते ही आप इसे एक क्लिक में इंस्टॉल कर पाएँगे, फिर Lolly को रीलोड करें।

इसे स्वयं लोड करें (डेवलपर)

एक्सटेंशन रेपो में shells/chrome-extension/ पर रहता है। वह फ़ोल्डर प्रोडक्शन बिल्ड है, जो केवल https://lolly.tools पर Lolly के साथ काम करता है।

1. chrome://extensions खोलें।
2. Developer mode चालू करें (ऊपर-दाएँ)।
3. Load unpacked क्लिक करें और shells/chrome-extension/ फ़ोल्डर चुनें।
4. Lolly रीलोड करें - URL Screenshot अब ब्राउज़र में काम करता है।

लोकल डेवलपमेंट सर्वर के लिए pnpm run pack:chrome-extension:dev चलाएँ और उसकी जगह dist/chrome-extension-dev लोड करें। वह पैकेज http://localhost:5173 भी स्वीकार करता है और उसके नाम में Development होता है।

यह कैसे काम करता है

• एक छोटी स्क्रिप्ट Lolly को बताती है कि एक्सटेंशन मौजूद है, इसलिए URL Screenshot बिना किसी और सेटअप के कैप्चर सहेज सकता है।
• हर अनुरोध पर मंज़ूरी आप देते हैं। जब Lolly अनुरोध करता है, तो एक्सटेंशन अपनी खुद की Approve page request विंडो खोलता है, जो अनुरोध करने वाली साइट, यह कि उसे स्क्रीनशॉट चाहिए या पेज की सामग्री, और पेज का पता दिखाती है। जब तक आप Approve once नहीं दबाते, कुछ नहीं पढ़ा जाता। Cancel या विंडो बंद करने से अनुरोध समाप्त हो जाता है।
• किसी साइट के लिए पहली बार अनुरोध मंज़ूर करने पर Chrome यह भी पूछता है कि क्या एक्सटेंशन उस साइट तक पहुँच सकता है। एक बार आप अनुमति दे दें तो Chrome वह पहुँच रखता है, पर इसके बाद का हर अनुरोध फिर भी अपना Approve once माँगता है।
• एक मंज़ूरी एक अनुरोध को कवर करती है और 30 सेकंड में समाप्त हो जाती है। एक समय में केवल एक अनुरोध इंतज़ार या चल सकता है, और मंज़ूर किया गया अनुरोध 55 सेकंड बाद रुक जाता है। अगर Lolly पेज बंद हो या बदल जाए, या लक्ष्य पेज किसी दूसरी साइट पर चला जाए, तो अनुरोध रद्द हो जाता है।
• आपकी मंज़ूरी के बाद, एक्सटेंशन लक्ष्य पेज को एक बैकग्राउंड टैब में खोलता है, इसे DevTools Protocol के ज़रिए कैप्चर करता है (वही Page.captureScreenshot जो डेस्कटॉप ऐप इस्तेमाल करता है), फिर टैब बंद करके इमेज उस Lolly टैब को वापस सौंप देता है जिसने अनुरोध किया था।
• यह पूरी तरह आपके ब्राउज़र में, आपके नेटवर्क पर चलता है - इसलिए localhost या किसी आंतरिक साइट को कैप्चर करना काम करता है। पेज आपके ब्राउज़र सेशन के साथ लोड होता है, इसलिए जिस पेज में आप साइन इन हैं वह नतीजे में निजी जानकारी दिखा सकता है। कैप्चर खुद कहीं अपलोड नहीं होता; एकमात्र नेटवर्क ट्रैफ़िक आपका अपना ब्राउज़र है जो आपके बताए पेज को लोड कर रहा है।

कैप्चर चलने के दौरान आपको अस्थायी टैब पर संक्षेप में एक "…started debugging this browser" बैनर दिख सकता है। यह DevTools Protocol काम कर रहा होता है; शॉट पूरा होते ही यह अपने आप हट जाता है।

Brand Studio के लिए एक साइट पढ़ना

Brand Studio में Website स्रोत किसी ऐसी साइट से एक ब्रैंड शुरू करता है जो आपके पास पहले से है। Chromium पर इसे एक्सटेंशन पढ़ता है; डेस्कटॉप ऐप पर एक नेटिव फ़ेच वही काम करता है और बिना एक्सटेंशन वाले साधारण ब्राउज़र पर टाइल दिखाई ही नहीं देती।

इसे दबाने पर क्या होता है:

• एक पता, एक पेज। आपकी मंज़ूरी के बाद, एक्सटेंशन इसे उसी तरह के बैकग्राउंड टैब में खोलता है, रेंडर किए गए मार्कअप, स्टाइलशीट टेक्स्ट और कुछ आइकन व लोगो इमेज पढ़ता है, फिर टैब बंद कर देता है। यह लिंक फ़ॉलो नहीं करता और क्रॉल नहीं करता।
• कहीं और होस्ट की गई स्टाइलशीट (एक CDN, एक फ़ॉन्ट सेवा) भी फ़ेच किए जाते हैं, क्योंकि पेज के रंग और टाइप उन्हीं में रहते हैं। क्रॉस-ओरिजिन रिक्वेस्ट आपकी कुकीज़ के बिना जाती हैं; सेम-ओरिजिन रिक्वेस्ट उनका इस्तेमाल करती हैं, ठीक वैसे ही जैसे पेज खुद करता।
• सब कुछ सीमित है - शीट, इमेज और बाइट्स की एक निश्चित संख्या - ताकि कोई प्रतिकूल या आधा-टूटा पेज अटकने के बजाय आंशिक सामग्री लौटाए।
• बाइट्स सीधे उस Lolly टैब को वापस जाते हैं जिसने अनुरोध किया था। रंग, टाइप और लोगो में पार्स करना आपके डिवाइस पर होता है; कुछ भी अपलोड नहीं होता।

पता पेस्ट करना केवल फ़ील्ड भरता है। जब तक आप पढ़ना शुरू करके Approve once नहीं दबाते, कुछ नहीं पढ़ा जाता।

इंस्टॉल करने के बाद

Lolly टैब रीलोड करें। "Get the extension" प्रॉम्प्ट गायब हो जाता है, URL Screenshot (Utilities के अंतर्गत) कैप्चर को फ़ाइल में सहेज सकता है, और टूल Batch मोड में उपलब्ध हो जाता है।

अनुमतियाँ

इसका manifest.json चार अनुमतियाँ घोषित करता है, साथ में साइट एक्सेस जो यह एक बार में एक साइट के लिए माँगता है:

• debugger - बैकग्राउंड टैब को DevTools Protocol के ज़रिए चलाता है। यही स्क्रीनशॉट लेता है।
• tabs - अस्थायी बैकग्राउंड टैब खोलता है और बाद में उसे फिर से बंद करता है, और जाँचता है कि आपके अनुरोध मंज़ूर करने के बाद न Lolly पेज हिला है न लक्ष्य पेज।
• scripting - Brand Studio के Website स्रोत के लिए, आपके बताई साइट के भीतर वन-पेज रीडर चलाता है।
• storage - जो टैब इसने खोला उसकी id, केवल सेशन स्टोरेज में नोट करता है, ताकि अगर ब्राउज़र पढ़ने के बीच एक्सटेंशन को सस्पेंड कर दे तो भी टैब बंद हो जाए। अगली शुरुआत पर साफ़ हो जाता है; आपके बारे में कुछ भी संग्रहित नहीं होता।
• optional_host_permissions: ["http:///", "https:///"] - साइट एक्सेस, जो इंस्टॉल के समय नहीं दिया जाता। जब आप Approve once दबाते हैं, तो एक्सटेंशन Chrome से उस अनुरोध की एक साइट का एक्सेस माँगता है, और Chrome हर साइट के लिए पहली बार आपसे पूछता है।

यह केवल वही एक पेज पढ़ता है जिसे आप मंज़ूर करते हैं, और यह आपका ब्राउज़िंग डेटा न तो पढ़ता है न भेजता है - कुछ भी कहीं अपलोड नहीं होता।

मेनिफ़ेस्ट minimum_chrome_version: 111 भी सेट करता है। मौजूदा संस्करण 0.4.0 है।

समस्या निवारण

• अभी भी "Get the extension" दिख रहा है? Lolly टैब रीलोड करें - पहचान पेज लोड पर होती है।
• इस साइट पर कुछ नहीं होता? एक्सटेंशन केवल https://lolly.tools पर काम करता है, और डेवलपमेंट पैकेज में http://localhost:5173 पर भी। कोई दूसरा ओरिजिन, जैसे Lolly की सेल्फ़-होस्टेड प्रति, एक्सटेंशन का अलग बिल्ड माँगता है जो उस ओरिजिन को manifest.json और policy.js दोनों में सूचीबद्ध करे। अकेले मैनिफ़ेस्ट को संपादित करना अब काम नहीं करता।
• कैप्चर विफल हो रहा है? जाँचें कि URL पहुँच योग्य है और http:// या https:// से शुरू होता है। कुछ पेज स्वचालित कैप्चर को सक्रिय रूप से रोकते हैं। अगर आपने Cancel दबाया, मंज़ूरी विंडो बंद की या 30 सेकंड से ज़्यादा इंतज़ार किया, तो कैप्चर फिर से शुरू करें।