Lolly URL Screenshot এক্সটেনশনটি ওয়েব অ্যাপকে আপনার ব্রাউজারের ভেতর থেকে যেকোনো ওয়েব পেজের স্ক্রিনশট নিতে দেয়। এটি ছাড়া, একটি URL ক্যাপচার করতে ডেস্কটপ অ্যাপ লাগে - একটি ব্রাউজার পেজ নিজে থেকে অন্য সাইটের পিক্সেল পড়তে পারে না। এক্সটেনশনটি পারে, ডেস্কটপ অ্যাপ যে একই ক্যাপচার ব্যবহার করে তা কাজে লাগিয়ে।
এটি একই পদ্ধতিতে আরেকটি কাজ করে: আপনার বলা একটি পেজ পড়া যাতে Brand Studio কোনো লাইভ ওয়েবসাইট থেকে একটি ব্র্যান্ড বের করতে পারে। দুটোই নিচে কভার করা হয়েছে।
এটি Chromium-ভিত্তিক ব্রাউজারে চলে: Chrome, Edge, Brave, Arc, Opera - Chrome 111 বা তার পরবর্তী সংস্করণ।
এটি ইনস্টল না হওয়া পর্যন্ত, URL Screenshot তখনও খোলে যাতে আপনি একটি শট তৈরি করতে পারেন, এবং টুলের কন্ট্রোলের উপরে একটি নোট বলে দেয় কী অনুপস্থিত।
signed by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৪ paths~2.4k nodes৪ groups২৯ KB
signed by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৪ paths~2.4k nodes৪ groups২৯ KB
আপনি অপেক্ষা করার সময় প্রতিটি কন্ট্রোল লাইভ থাকে: টার্গেট URL, স্ক্রল ডেপ্থ, সেটল ডিলে, ক্রপ ইনসেট এবং রিকালার। শুধু ক্যাপচারটির জন্যই হোস্ট দরকার।
signed by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৫২ paths~3.6k nodes১৫৮ groups১ image৬২ KB
signed by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৫২ paths~3.6k nodes১৫৮ groups১ image৬২ 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://দিয়ে শুরু হয় কিনা তা যাচাই করুন। কিছু পেজ স্বয়ংক্রিয় ক্যাপচার সক্রিয়ভাবে ব্লক করে।