Lolly URL Screenshot एक्सटेंशन वेब ऐप को आपके ब्राउज़र के भीतर से किसी भी वेब पेज का स्क्रीनशॉट लेने देता है। इसके बिना, URL कैप्चर करने के लिए डेस्कटॉप ऐप चाहिए - एक ब्राउज़र पेज अपने आप किसी दूसरी साइट से पिक्सल नहीं पढ़ सकता। एक्सटेंशन यह कर सकता है, वही कैप्चर इस्तेमाल करके जो डेस्कटॉप ऐप इस्तेमाल करता है।
यह उसी तरह एक और काम करता है: आपके बताए एक पेज को पढ़ना ताकि Brand Studio किसी लाइव वेबसाइट से ब्रांड निकाल सके। दोनों को नीचे कवर किया गया है।
यह Chromium-आधारित ब्राउज़रों पर चलता है: Chrome, Edge, Brave, Arc, Opera - Chrome 111 या नया।
जब तक यह इंस्टॉल नहीं होता, URL Screenshot तब भी खुलता है ताकि आप एक शॉट तैयार कर सकें, और टूल के नियंत्रणों के ऊपर एक नोट बताता है कि क्या कमी है।
signed by Lollyvector SVGखुद जाँचेंGet the signed file4 paths~2.4k nodes4 groups29 KB
signed by Lollyvector SVGखुद जाँचेंGet the signed file4 paths~2.4k nodes4 groups29 KB
इंतज़ार के दौरान हर नियंत्रण सक्रिय रहता है: लक्ष्य URL, स्क्रॉल गहराई, सेटल विलंब, क्रॉप इनसेट और रीकलर। केवल कैप्चर के लिए ही एक होस्ट चाहिए।
signed by Lollyvector SVGखुद जाँचेंGet the signed file52 paths~3.6k nodes158 groups1 image62 KB
signed by Lollyvector SVGखुद जाँचेंGet the signed file52 paths~3.6k nodes158 groups1 image62 KB
इंस्टॉल करें
Chrome Web Store से
जल्द आ रहा है। इसके प्रकाशित होते ही आप इसे एक क्लिक में इंस्टॉल कर पाएँगे, फिर Lolly को रीलोड करें।
इसे स्वयं लोड करें (डेवलपर)
एक्सटेंशन रेपो में shells/chrome-extension/ पर रहता है।
chrome://extensionsखोलें।- Developer mode चालू करें (ऊपर-दाएँ)।
- Load unpacked क्लिक करें और
shells/chrome-extension/फ़ोल्डर चुनें। - Lolly रीलोड करें - URL Screenshot अब ब्राउज़र में काम करता है।
यह कैसे काम करता है
- एक छोटी स्क्रिप्ट Lolly को बताती है कि एक्सटेंशन मौजूद है, इसलिए URL Screenshot टूल अपने आप चालू हो जाता है - कोई सेटअप नहीं।
- जब आप रेंडर करते हैं, तो एक्सटेंशन लक्ष्य पेज को एक बैकग्राउंड टैब में खोलता है, इसे DevTools Protocol के ज़रिए कैप्चर करता है (वही
Page.captureScreenshotजो डेस्कटॉप ऐप इस्तेमाल करता है), फिर टैब बंद करके इमेज वापस सौंप देता है। - यह पूरी तरह आपके ब्राउज़र में, आपके नेटवर्क पर चलता है - इसलिए
localhostया किसी आंतरिक साइट को कैप्चर करना काम करता है। कैप्चर खुद कहीं अपलोड नहीं होता; एकमात्र नेटवर्क ट्रैफ़िक आपका अपना ब्राउज़र है जो आपके बताए पेज को लोड कर रहा है।
कैप्चर चलने के दौरान आपको अस्थायी टैब पर संक्षेप में एक "…started debugging this browser" बैनर दिख सकता है। यह DevTools Protocol काम कर रहा होता है; शॉट पूरा होते ही यह अपने आप हट जाता है।
Brand Studio के लिए एक साइट पढ़ना
Brand Studio में Website स्रोत किसी ऐसी साइट से एक ब्रैंड शुरू करता है जो आपके पास पहले से है। Chromium पर इसे एक्सटेंशन पढ़ता है; डेस्कटॉप ऐप पर एक नेटिव फ़ेच वही काम करता है और बिना एक्सटेंशन वाले साधारण ब्राउज़र पर टाइल दिखाई ही नहीं देती।
इसे दबाने पर क्या होता है:
- एक पता, एक पेज। एक्सटेंशन इसे उसी तरह के बैकग्राउंड टैब में खोलता है, रेंडर किए गए मार्कअप, स्टाइलशीट टेक्स्ट और कुछ आइकन व लोगो इमेज पढ़ता है, फिर टैब बंद कर देता है। यह लिंक फ़ॉलो नहीं करता और क्रॉल नहीं करता।
- कहीं और होस्ट की गई स्टाइलशीट और फ़ॉन्ट (एक CDN, एक फ़ॉन्ट सेवा) भी फ़ेच किए जाते हैं, क्योंकि पेज के रंग और टाइप उन्हीं में रहते हैं। क्रॉस-ओरिजिन रिक्वेस्ट आपकी कुकीज़ के बिना जाती हैं; सेम-ओरिजिन रिक्वेस्ट उनका इस्तेमाल करती हैं, ठीक वैसे ही जैसे पेज खुद करता।
- सब कुछ सीमित है - शीट, इमेज और बाइट्स की एक निश्चित संख्या - ताकि कोई प्रतिकूल या आधा-टूटा पेज अटकने के बजाय आंशिक सामग्री लौटाए।
- बाइट्स सीधे उस Lolly टैब को वापस जाते हैं जिसने अनुरोध किया था। रंग, टाइप और लोगो में पार्स करना आपके डिवाइस पर होता है; कुछ भी अपलोड नहीं होता।
जब तक आप दबाते नहीं, कुछ नहीं पढ़ा जाता। पता पेस्ट करना केवल फ़ील्ड भरता है।
इंस्टॉल करने के बाद
Lolly टैब रीलोड करें। "Get the extension" प्रॉम्प्ट गायब हो जाता है और URL Screenshot गैलरी में और Batch मोड में उपलब्ध हो जाता है।
अनुमतियाँ
इसका manifest.json चार अनुमतियों के साथ होस्ट एक्सेस घोषित करता है:
debugger- बैकग्राउंड टैब को DevTools Protocol के ज़रिए चलाता है। यही स्क्रीनशॉट लेता है।tabs- अस्थायी बैकग्राउंड टैब खोलता है और बाद में उसे फिर से बंद करता है।scripting- Brand Studio के Website स्रोत के लिए, आपके बताई साइट के भीतर वन-पेज रीडर चलाता है।storage- जो टैब इसने खोला उसकी id, केवल सेशन स्टोरेज में नोट करता है, ताकि अगर ब्राउज़र पढ़ने के बीच एक्सटेंशन को सस्पेंड कर दे तो भी टैब बंद हो जाए। अगली शुरुआत पर साफ़ हो जाता है; आपके बारे में कुछ भी संग्रहित नहीं होता।host_permissions: ["<all_urls>"]- सभी साइटों पर होस्ट एक्सेस, क्योंकि आप इसे किसी भी URL पर पॉइंट कर सकते हैं। Chrome इंस्टॉल के समय इसे एक व्यापक "read and change all your data on all websites" चेतावनी के रूप में दिखाता है।
उस चेतावनी के बावजूद, यह केवल वही एक पेज पढ़ता है जो आप इसे कैप्चर या इम्पोर्ट करने को कहते हैं, और यह आपका ब्राउज़िंग डेटा न तो पढ़ता है न भेजता है - कुछ भी कहीं अपलोड नहीं होता।
मेनिफ़ेस्ट minimum_chrome_version: 111 भी सेट करता है। मौजूदा संस्करण 0.2.1 है।
समस्या निवारण
- अभी भी "Get the extension" दिख रहा है? Lolly टैब रीलोड करें - पहचान पेज लोड पर होती है।
- इस साइट पर कुछ नहीं होता? एक्सटेंशन केवल Lolly के अपने ओरिजिन पर सक्रिय होता है। किसी दूसरे डोमेन पर कस्टम बिल्ड चला रहे हैं? इसे एक्सटेंशन के
manifest.jsonमेंcontent_scripts.matchesमें जोड़ें। - कैप्चर विफल हो रहा है? जाँचें कि URL पहुँच योग्य है और
http://याhttps://से शुरू होता है। कुछ पेज स्वचालित कैप्चर को सक्रिय रूप से रोकते हैं।