ওয়েব ক্যাপচার এবং রূপান্তর করার সরঞ্জামসমূহ

কীভাবে জাভাস্ক্রিপ্টে আপনার ব্যবহারকারীর ওয়েব পৃষ্ঠার স্ক্রিনশট নেবেন

আপনি কি কখনও কোনও ব্যবহারকারীর ওয়েব পৃষ্ঠার স্ক্রিনশট নিতে চান? সম্ভবত সহজ বাগ ফিক্সিং বা ব্যবহারকারী সক্ষম করতে intভুল উন্নতি? ভাল আপনি করতে পারেন গ্র্যাবজিটের জাভাস্ক্রিপ্ট এপিআই.

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

নীচের সহজ উদাহরণটি দেখায় যে গ্র্যাবজিট লাইব্রেরি ব্যবহার করে কোনও ব্যবহারকারীদের ওয়েব পৃষ্ঠার স্ক্রীনশট করা কতটা সহজ। আপনি ক্যাপচার করতে চান পৃষ্ঠার নীচে কোডটি রাখুন।

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage().Create();
</script>

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

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage({
   "bwidth":document.documentElement.clientWidth,
   "bheight": -1, 
   "height": -1,
   "width": -1
}).Create();
</script>

উপরের উদাহরণগুলি সীমাবদ্ধ কারণ আপনার ওয়েব পৃষ্ঠায় লোড হওয়ার সময় কেবল পৃষ্ঠা ক্যাপচার করার পরিবর্তে কোনও ধরণের ইভেন্টে ওয়েব পৃষ্ঠার ক্যাপচারটি ট্রিগার করতে হবে। উদাহরণস্বরূপ দুটি সম্ভাব্য বিকল্প হ'ল হয় ওয়েব বোতামটি একটি বোতাম ক্লিক বা নিয়মিত ক্যাপচার করা intএকটি টাইমার সঙ্গে ervals।

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"></script>
<script>
setTimeout(function(){
   GrabzIt("Sign in to view your Application Key").ConvertPage({
      "bwidth":document.documentElement.clientWidth,
      "bheight": -1, 
      "height": -1,
      "width": -1
   }).CreateInvisible();
}, 30000);
</script>

উপরের উদাহরণে আমরা প্রতি 30 সেকেন্ডে ব্যবহারকারীদের ওয়েব পৃষ্ঠাটি স্বয়ংক্রিয়ভাবে স্ক্রিনশট তৈরি করি। ব্যবহারকারীদের ওয়েব পৃষ্ঠায় স্ক্রিনশট যুক্ত করা বা এটি ডাউনলোড করার পরিবর্তে the Create পূর্ববর্তী উদাহরণগুলিতে ব্যবহৃত পদ্ধতিটি ফর্ম্যাটের উপর নির্ভর করে করবে। দ্য CreateInvisible পদ্ধতি ব্যবহার করা হয়, যা ব্যবহারকারীর কাছে ফলাফল ফেরত দেয় না।

আপনি তখন করতে পারেন save জাভাস্ক্রিপ্ট স্ক্রিনশট নিম্নলিখিত পদ্ধতিগুলির একটি ব্যবহার করে। আমাজন, ড্রপবক্স, এফটিপি বা আরও অনেকগুলিতে ফলাফল রফতানি করতে রফতানি প্যারামিটার। বা আপনি কোনও ওয়েব পরিষেবাতে কল করতে সমাপ্তির ইভেন্টটি ব্যবহার করতে পারেন save ফলাফল, বা DataURI একটি ওয়েব পরিষেবাতে ফলাফল পোস্ট করার পদ্ধতি।

স্পষ্টতই এটি বলার অপেক্ষা রাখে না যে সম্ভবত আপনার ব্যবহারকারীদের আপনি এটি করছেন তা অবহিত করতে হবে।

আপনি বিনামূল্যে দ্বারা বর্তমান ওয়েব পৃষ্ঠাটির স্ক্রিনশটিং শুরু করতে পারেন একটি অ্যাকাউন্ট তৈরি করা হচ্ছে এবং উপরের কোডটি অনুলিপি করছি intওএ ওয়েব পৃষ্ঠা আপনি ক্যাপচার করতে চান। মনে রাখবেন যে অন্য লোকেরা আপনার অ্যাকাউন্টটি অবশ্যই ব্যবহার না করে তা নিশ্চিত করার জন্য আপনার ডোমেন অনুমোদন এটি আপনার ওয়েবসাইটে কাজ করার আগে।