জেনে রাখার বিষয়
- তিন-বিন্দু More menu > More tools > Developer tools নির্বাচন করুন। এলিপসিস আইকনে ক্লিক করুন > Run command > "screenshot" টাইপ করুন।
- একটি ধরন বেছে নিন: Area screenshot, Full size screenshot, Node screenshot, বা Screenshot।
এই লেখা মাইক্রোসফট এজে স্ক্রিনশট নেওয়ার পদ্ধতি ব্যাখ্যা করে ডেভেলপার টুলসের ভিতরে লুকানো একটি ইউটিলিটি ব্যবহার করে।
এজে ওয়েবপেজের স্ক্রিনশট নেওয়ার পদ্ধতি
ব্রাউজার থেকে সরাসরি ওয়েবপেজের ফুল-পেজ স্ক্রিনশট নেওয়ার ক্ষমতা অত্যন্ত মূল্যবান কারণ সব স্ক্রিন ক্যাপচার সফটওয়্যার স্ক্রলযোগ্য কন্টেন্টের সাথে পরিষ্কারভাবে কাজ করে না। আপনি এজের ডেভেলপার টুলস ব্যবহার করে ফুল-পেজ স্ক্রিন ক্যাপচার এবং অন্যান্য তিন ধরনের স্ক্রিনশট নিতে পারেন।
ব্রাউজার ইমেজ ফাইলগুলো আপনার কম্পিউটারের ডিফল্ট ডাউনলোড ফোল্ডারে সংরক্ষণ করে বা আপনাকে নির্দিষ্ট লোকেশনের জন্য অনুরোধ করবে।
-
উইন্ডোজে আপনার কীবোর্ডের F12 কী বা Ctrl + Shift + I চাপুন মাইক্রোসফট এজে Developer tools খোলার জন্য। ম্যাকওএস ব্যবহারকারীদের Command + Option + I কীবোর্ড শর্টকাট ব্যবহার করা উচিত। আপনি এজ টুলবার থেকে ডেভেলপার টুলস অ্যাক্সেস করতে পারেন। তিন-বিন্দু More > More tools > Developer tools নির্বাচন করুন।
-
ডেভেলপার টুলস প্যানেলে, উপরের ডান কোণার তিন-বিন্দু এলিপসিস আইকনে ক্লিক করুন Customize and control DevTools খোলার জন্য।
-
ভার্টিক্যাল মেনু থেকে Run command নির্বাচন করুন (বা Ctrl + Shift + P চাপুন)।
-
Run command প্যানেলে "screenshot" টাইপ করুন চারটি সম্ভাব্য কমান্ড দেখার জন্য। এই চারটি কমান্ড আপনাকে ওয়েবপেজের কোন অংশ ক্যাপচার করবেন তা বেছে নেওয়া দেয়।
-
কমান্ডের তালিকা থেকে Capture area screenshot নির্বাচন করুন নির্দিষ্ট এলিয়ার স্ক্রিনশট নেওয়ার জন্য। ক্রস-হেয়ার ব্যবহার করে লেফ্ট-ক্লিক করুন এবং স্ক্রিনশটের আউটলাইন আঁকুন। (আমরা একটি সেকশন হাইলাইট করেছি দেখানোর জন্য যে সেটি কিভাবে ডার্ক গ্রে হয়ে যায়, কিন্তু স্পষ্টত আপনি যে অংশটি চান সেটি হাইলাইট করবেন।)
-
কমান্ডের তালিকা থেকে Capture full size screenshot নির্বাচন করুন ফুল-সাইজ স্ক্রিনশট নেওয়ার জন্য। এটি সমগ্র ওয়েবপেজ ক্যাপচার করে, স্ক্রিনে না দেখানো স্ক্রলযোগ্য কন্টেন্ট সহ।
-
কমান্ডের তালিকা থেকে Capture node screenshot নির্বাচন করুন Dev Tools-এর Elements ট্যাব থেকে সিলেক্টেড HTML Node ক্যাপচার করার জন্য। আপনি সিলেক্টেড নোডের উপর রাইট-ক্লিক করে Capture node screenshot নির্বাচন করতে পারেন। উদাহরণস্বরূপ, "header class" সিলেক্ট করুন এবং ওয়েবপেজের হেডার ক্যাপচার করুন।
-
কমান্ডের তালিকা থেকে Capture screenshot নির্বাচন করুন এক্টিভ ভিউর স্ক্রিনশট নেওয়ার জন্য। এটি ব্রাউজারের ভিতরে দৃশ্যমান এলিয়া, স্ক্রলযোগ্য কিন্তু অদৃশ্য এলিয়া নয়।
টিপ:
ক্রোমিয়াম ব্রাউজার যেমন ক্রোম এবং এজ অন্যান্য ডিভাইস এবং তাদের স্ক্রিন রেজোলিউশন অনুকরণ করার অনুমতি দেয়। আপনি এই বৈশিষ্ট্যটি এবং স্ক্রিনশট কমান্ডগুলো ব্যবহার করে একটি নির্দিষ্ট ডিভাইসে ওয়েবপেজ কেমন দেখাবে তা ক্যাপচার করতে পারেন।
Toggle device emulation ডেভেলপার টুলস টুলবারে নির্বাচন করুন (বা Ctrl + Shift + M চাপুন)।