ফায়ারফক্সের কোনও ওয়েব পৃষ্ঠার মধ্যে একটি স্ক্রোলিং উপাদান অন্তর্ভুক্ত এমন স্ক্রিনশট কীভাবে নেবেন?


70

আমার একটি সম্পূর্ণ ওয়েবপৃষ্ঠার স্ক্রিনশট নেওয়া দরকার। কৌশলটি হ'ল স্ক্রিনশটটি এমন একক উপাদানের সম্পূর্ণ সামগ্রীতে অন্তর্ভুক্ত করা দরকার যা স্ক্রিনে ফিট না।

এটি একটি একক কলামের টেবিল যার উচ্চতার কারণে একটি স্ক্রোলবার রয়েছে। এটি কোনও আইফ্রেম নয় (এটি নিজস্ব ট্যাবে লোড করা সহজ হবে)।

কলামে ফর্ম্যাট করা পাঠ্য এবং কয়েকটি ছোট চিত্র রয়েছে।

যে দীর্ঘ ওয়েব পৃষ্ঠাগুলি স্ক্রোল করে তাদের জন্য এই কাজটি করা তুচ্ছ। কিন্তু কীভাবে এটি সম্পাদন করা যাবে যখন এতে পৃষ্ঠার মধ্যে একটি পৃথক উপাদান রয়েছে যা স্ক্রল করে?

পরিষ্কার হতে, আমাকে পুরো পৃষ্ঠাটি ক্যাপচার করতে হবে, কেবল উপাদানটি নয়।

আমি উইন্ডোজে ফায়ারফক্স ব্যবহার করে এটি সম্পাদন করতে চাই।


2
পিডিএফ হিসাবে পৃষ্ঠাটি সংরক্ষণ করার বিষয়টি কি কখনও বিবেচনা করবেন? এই পদ্ধতির সাহায্যে ক্যাচটি হ'ল কিছু ওয়েবসাইটের একটি "প্রিন্ট ভিউ" রয়েছে যা পিডিএফটি অন্তর্ভুক্ত করবে তবে কিছু ক্ষেত্রে এই কৌশলটি কাজ করতে পারে।
জ্যাকগোল্ড

@ জ্যাকগোল্ড ধন্যবাদ জ্যাক এটি কি কোনও পৃষ্ঠার মধ্যে স্ক্রোল এবং উপাদানটি কাজ করবে?
রক পেপারলিজার্ড

স্বাগতম, স্ক্রোলিং উপাদানটির অংশটি মিস করেছেন। আমার পক্ষে মন্তব্য করার পক্ষে এটি খুব মূর্খতাবোধক, তাই আমি কেবল এতটাই বলতে পারি যে আমি এখন পিডিএফ প্রিন্টিং পদ্ধতিতে কাজ করতে পারছি না বলে আত্মবিশ্বাসী হতে পারি না। এখানে উপস্থাপন করা অন্যান্য ধারণাগুলির সাথে শুভকামনা।
জ্যাকগল্ড


যদি আমি সঠিকভাবে বুঝতে পারি তবে প্রশ্নে স্ক্রোলিং উপাদান সম্ভবত পুরো উচ্চতার চেয়ে কমতে বাধ্য হচ্ছে। সেই উপাদানটিতে অটোতে উচ্চতার শৈলীর বৈশিষ্ট্যটি সেট করা সহায়তা করতে পারে।
তেহওয়ালিস

উত্তর:


86

আমার পরামর্শটি ফায়ারফক্সের অন্তর্নির্মিত বৈশিষ্ট্যটি ব্যবহার করা যা আপনাকে একক ডিওএম উপাদানটির স্ক্রিনশট নিতে দেয়।

বিকাশকারী সরঞ্জামগুলি খালি পপ করুন element উপাদানটি সন্ধান করুন → রাইট ক্লিক করুন এবং স্ক্রিনশট নিন

এখানে চিত্র বর্ণনা লিখুন

এটি আমার কোনও অভ্যন্তরীণ সাইটে কাজ করেনি তাই এটি সবার জন্য কাজ করবে তা বলতে পারে না।

ওপি'র সম্পাদনার পরে আপডেট করুন:

যদি আপনি নীচের মত পুরো ডিওএম উপাদান সামগ্রীর সাথে পুরো পৃষ্ঠাটি রেকর্ড করতে চান তবে আপনার ডিওএম উপাদানটির উচ্চতা সম্পাদনা করা উচিত তবে ...

এখানে চিত্র বর্ণনা লিখুন

এটি ভিউপোর্ট এবং স্ক্রিনশট থেকে অনেকগুলি ডম উপাদানকে ধাক্কা দিতে চলেছে বা আফাইক অন্য কোনও সরঞ্জাম এটি ক্যাপচার করবে না, যা আপনার মনে হয় আপনার উদ্দেশ্যকে মারধর করে।

Https://en.wikedia.org/wiki/Screenshot থেকে নীচে পড়ুন

একটি স্ক্রিনশট, স্ক্রিন ক্যাপচার, স্ক্রিন ক্যাপ, ক্যাপ, স্ক্রিন ডাম্প, বা স্ক্রিনগ্র্যাব এমন কোনও চিত্র যা কোনও ব্যক্তি মনিটর, টেলিভিশন বা ব্যবহারের মধ্যে অন্যান্য ভিজ্যুয়াল আউটপুট ডিভাইসে প্রদর্শিত দৃশ্যমান আইটেমগুলি রেকর্ড করতে কোনও ব্যক্তির নেওয়া ছবি।

যদি আমাকে সত্যিই এটি করতে হয় তবে আমি একটি জিআইএফ তৈরি করব অথবা দুটিতে স্ক্রিনশট নিতে একটি পূর্ণ পৃষ্ঠা এবং অন্যটিতে কেবল ডম উপাদানটি একীভূত করতে পারব।


আপনার উত্তরের জন্য অনেক ধন্যবাদ (এবং দুর্দান্ত চিত্র!), তবে দুর্ভাগ্যক্রমে এটি প্রশ্নের উত্তর দেয় না। উপাদানটির সাথে পুরো পৃষ্ঠার স্ক্রিনশট নেওয়া দরকার, কেবলমাত্র উপাদানটি নয়।
রকপ্যাপারলিজার্ড

5
@ রকপ্যাপারলিজার্ড আসলে @ পনের উত্তর আপনার প্রশ্নের উত্তর দেয় ... তিনি কেবল এটি আপনার ব্যবহারের ক্ষেত্রে প্রয়োগ করেন নি। আপনি তার উত্তরটি অনুসরণ করতে পারেন তবে <body>উপাদানটি নির্বাচন করতে পারেন এবং এটি আপনাকে পছন্দসই স্ক্রিনশট দেবে।
ডিজিটাল ক্রিস

2
আপনি যদি ডোম উপাদানটির উচ্চতা সম্পাদনা করেন যাতে কোনও অভ্যন্তরীণ স্ক্রোলবার না থাকে তবে পুরো পৃষ্ঠাটি ক্যাপচার করতে ফায়ারশট ব্যবহার করুন, এটি কাজ করা উচিত।

আমি এর মতো একটি স্ক্রিনশট পেতে সক্ষম হয়েছি, তবে আর নেই। এটি এখনও ক্যামেরা শাটার শব্দ উত্পাদন করে, ক্লিপবোর্ডে কিছুই রাখে না। বিকাশকারী সরঞ্জামদণ্ডে কমান্ডের জন্য একই যায়, কোনও ফাইল তৈরি হয় না।
মিঃফক্স

@ এমআরএফক্স একটি পিএনজি ফাইল ডাউনলোড ফোল্ডারে তৈরি করা হয়েছে।
এক্সিওমেটিকনেক্সাস

24

আপনি বিকাশকারী সরঞ্জামদণ্ড থেকে স্ক্রিনশট কমান্ডটি ব্যবহার করতে পারেন:

  1. টুলবারটি খুলতে Shift+ টিপুন F2বা ওয়েব বিকাশকারী সরঞ্জাম মেনু থেকে এটি নির্বাচন করুন।

  2. টুলবারে কমান্ডটি টাইপ করুন screenshot --fullpage fullpage.png

একটি একক উপাদান ক্যাপচার করতে আপনি - সিলেক্টর পতাকা হিসাবে উদাহরণস্বরূপ এর সিএসএস নির্বাচনকারী ব্যবহার করতে পারেন

screenshot --selector #hot-network-questions

আপনি নীচের চিত্র পাবেন

এখানে চিত্র বর্ণনা লিখুন


4
@ রকপ্যাপারলিজার্ড আমি একই উত্তর সহ অন্য একটি পোস্ট পেয়েছি এবং ওপি আপনাকে সম্পাদনা করেছে।
পাং

@ পুন আপনাকে ধন্যবাদ তবে উপাদানটির প্রসারিত উপাদানটির সাথে আমার পুরো পৃষ্ঠার স্ক্রিনশট নেওয়া দরকার, কেবল উপাদানটি নয়।
রক পেপারলিজার্ড

আমি এর মতো একটি স্ক্রিনশট পেতে সক্ষম হয়েছি, তবে আর নেই। এটি এখনও কেবল ফাইল নয়, ক্যামেরা শাটার শব্দ উত্পাদন করে। বিকাশকারী মোডে উপাদানটিকে ডান ক্লিক করতে এবং সেভাবে অনুলিপি করার জন্য একই কাজ চলে। কোনও চিত্র ক্লিপবোর্ডে প্রেরণ পায় না।
মিঃফক্স

8

ফায়ারফক্সের প্রতিক্রিয়াশীল ডিজাইন মোড ব্যবহার করুন , কোনও কিছুতে প্রস্থ নির্ধারণ করুন এবং উচ্চতা যেমন পুরো পৃষ্ঠাটি পরিবেষ্টনের জন্য যথেষ্ট, স্ক্রিনশট বোতামটি (ক্যামেরা আইকন) ক্লিক করুন।


4

স্নাগিট নামে একটি সফ্টওয়্যার রয়েছে যা আপনার সমস্যার সমাধান করতে পারে। এই সফ্টওয়্যারটি স্ক্রোলিং উইন্ডোর মতো বিভিন্ন ধরণের স্ক্রিন শট নিতে পারে এবং ভিডিও রেকর্ডও করতে পারে।

এটি একটি প্রদত্ত অ্যাপ্লিকেশন, তবে এটির জন্য একটি ট্রায়ালও রয়েছে।


যদি আপনি এটি উত্তর হিসাবে চিহ্নিত করেন এবং এটি মন্তব্যতে পোস্ট করেন তবে এর অর্থ কী?
এএল


আমি কয়েক বছর ধরে SnagIt ব্যবহার করেছি। এটি একটি সফ্টওয়্যার একটি খুব দরকারী অংশ।
রায় টিঙ্কার

2

আমি স্ক্রিনপ্রেসো ব্যবহার করি । এটি আপনাকে একটি স্ক্রোলিং স্ক্রিনশট নিতে দেয়। মূলত আপনি একটি স্ক্রিনশট নেন, নীচে স্ক্রোল করুন এবং অন্য একটি নিয়ে যান, তারপরে স্ক্রিনপ্রেসো এগুলি একসাথে সেলাই করে। স্ক্রিনপ্রেসোও ফ্রি।

এফওয়াইআই, স্ক্রোলিং স্ক্রিনশটের শর্টকাট কীগুলি হ'ল উইন্ডোজকি + শিফট + প্রিন্টস্ক্রিন। তারপরে আপনাকে যে উইন্ডোটি স্ক্রোল করতে হবে সেটি ক্লিক করতে হবে। আপনি যখন স্ক্রিনশটটির পরবর্তী অংশে পৌঁছান, ডান ক্লিক করুন, ডাউন স্ক্রোল করুন, ডান ক্লিক করুন এবং এই জাতীয় কিছু। আপনি শেষ হয়ে গেলে, বাম ক্লিক করুন এবং তারা একসাথে সেলাই পাবেন। প্রতিটি স্ক্রিনশটে কিছু ওভারল্যাপ পেতে নিশ্চিত করুন যাতে সেলাইয়ের প্রক্রিয়া আরও ভাল কাজ করে।


1

নিম্বাস স্ক্রিন ক্যাপচার নামে একটি এক্সটেনশন রয়েছে যা এই কাজের জন্য পুরোপুরি উপযুক্ত।

আপনার কাছে ক্যাপচার করার বিকল্প রয়েছে:

  • পৃষ্ঠার দৃশ্যমান অংশ (ব্রাউজারের উপাদানগুলিকে alt+ বিপরীতে অন্তর্ভুক্ত না করার জন্য দরকারী Print Scrn)
  • পৃষ্ঠার একটি টুকরো (যার সাহায্যে আপনি যে খণ্ডটি চান তা সন্ধান করতে আপনি পর্দার অঞ্চলগুলিতে ঘুরে আসতে পারেন - এই অঞ্চলগুলি তাদের অন্তর্নিহিত এইচটিএমএল উপাদানগুলির সাথে সামঞ্জস্য করে)
  • নির্বাচিত অঞ্চল (আপনি ম্যানুয়ালি ক্লিক করুন এবং যেখানে স্ক্রিনশট চান সেখানে টানুন, টেনে আনার সময় স্ক্রোলিং সমর্থন করে)
  • পুরো পৃষ্ঠা

পর্জন্য


আপনার উত্তরের জন্য আপনাকে ধন্যবাদ, আমি এটি প্রশংসা করি। দুর্ভাগ্যক্রমে, দেখে মনে হচ্ছে না নিম্বাস স্ক্রিন ক্যাপচার কোনও পৃষ্ঠার মধ্যে একটি স্ক্রোলিং উপাদানটির পুরো বিষয়বস্তু ক্যাপচার করতে পারে । যদি আমার ভুল হয়, আপনি কীভাবে সেই সরঞ্জামটি দিয়ে এটি সম্পাদন করবেন তার আরও বিশদ সরবরাহ করতে পারেন?
রকপ্যাপারলিজার্ড

@ রকপ্যাপারলিজার্ড আপনি ঠিক বলেছেন, এটি এটিকে সমর্থন করে বলে মনে হচ্ছে না - আমি ভেবেছিলাম যে খণ্ড মোডে স্ক্রোলিং উপাদানগুলি আবরণ করা হবে, বা নির্বাচিত অঞ্চল মোড কাজ করবে তবে, উইন্ডোটি এই মোডে স্ক্রোল করা যেতে পারে বলে মনে হয় স্ক্রোলিং উপাদানগুলি পারে না।
কিথ হল

নিশ্চিত করার জন্য ধন্যবাদ আমি কেবল এটি দেখছিলাম না। হতে পারে তারা ভবিষ্যতের সংস্করণে সেই কার্যকারিতা যুক্ত করবে।
রক পেপারলিজার্ড

0

এক পৃষ্ঠায় সমস্ত কিছু ফিট করার জন্য বিকল্পগুলি:

  • <Ctrl>-এক পৃষ্ঠায় সবকিছু ফিট করার জন্য ব্যবহার করুন
  • আপনার পর্দার প্রতিকৃতি মোডে ঘোরান
  • প্রতিকৃতি মোডে একটি দ্বিতীয় স্ক্রিন ব্যবহার করুন এবং এটি প্রথমটির নীচে সনাক্ত করুন locate
  • উপরের সমস্ত একত্রিত করুন

আরেকটি বিকল্প হ'ল আপনি যা ক্যাপচার করতে চান তার উপরের অংশের স্ক্রিন শট নেওয়া। নীচে স্ক্রোল করুন, পরবর্তী স্ক্রিনের অঙ্কুর নিন। যতক্ষণ না আপনি সমস্ত কিছু ক্যাপচার করেন ততক্ষণ এটি পুনরাবৃত্তি করুন।
Allyচ্ছিকভাবে: একটি চিত্র সম্পাদক (যেমন গিম্প) ব্যবহার করে স্ক্রিন শটগুলি একটি বড় চিত্রের সাথে একত্রিত করুন।


1
আমি আইটেম # 4 এ না আসা পর্যন্ত আমি ভেবেছিলাম আপনি কেবল সমস্ত আইটেম একত্রিত করার পরামর্শ দিচ্ছেন! আমি 20 টি স্ক্রিন রয়েছে এবং অন্যটির উপরে একটি স্ট্যাক করে রেখেছিলাম L তারপরে আমি # 4 এ পৌঁছেছি এবং শিখেছি আপনি আইটেমগুলি স্বতন্ত্রভাবে ব্যবহার করতে বা সংযুক্ত করতে চেয়েছিলেন ।
রকপ্যাপারলিজার্ড

তবে আপনি যদি পৃষ্ঠাটি জুম আউট করেন তবে বিকৃতি ছাড়াই এটিকে স্কেল করার কোনও উপায় নেই।
নিকক নিউম্যান

0

স্ক্রিনশট নিতে আপনি সহজে স্ক্রিনশটের মতো এক্সটেনশন যুক্ত করতে পারেন। তারপরে স্ক্রিন শট নেওয়া আপনার পক্ষে অনেক সহজ হবে।


আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.