Google Chrome ব্রাউজারের নিরীক্ষণের উপাদান ব্যবহার করার টিপস

Google Chrome কেবলমাত্র নিয়মিত ইন্টারনেট ব্যবহারকারীদের জন্যই নয় বরং ওয়েব ডেভেলপারদের জন্যও ডিজাইন করা হয়েছে, যারা প্রায়ই একটি ওয়েবসাইট, ডিজাইন ব্লগ ইত্যাদি তৈরি করে। উপাদান পরিদর্শন বা নিরীক্ষণ গুগল ক্রোমের বিকল্প ব্যবহারকারীরা একটি ওয়েবসাইট সম্পর্কে কিছু তথ্য খুঁজে পেতে সহায়তা করে যা দৃশ্য থেকে লুকানো আছে এখানে উইন্ডোজ পিসির জন্য গুগল ক্রোম ব্রাউজারের নিরীক্ষণ উপাদান ব্যবহার করে কিছু টিপস।

গুগল ক্রোমের এলিমেন্ট নিরীক্ষণ করুন

1] গোপন জাভাস্ক্রিপ্ট / মিডিয়া ফাইলগুলি সন্ধান করুন

ভিজিটর ওয়েবতে থাকে তবে অনেক ওয়েবসাইট পপআপ দেখায় পৃষ্ঠার 15 বা ২0 সেকেন্ডের বেশি। অথবা, অনেক বার একটি ছবি, বিজ্ঞাপন বা আইকন, অদ্যাবধি অন্য কোথাও ক্লিক করার পরে খোলে। ওয়েব পৃষ্ঠার এই লুকানো ফাইলগুলি খুঁজে পেতে, আপনি সোর্সগুলির ট্যাবটি পরিদর্শন উপাদানটি ব্যবহার করতে পারেন। এটি বামদিকের একটি ট্রি-ভিউ তালিকা দেখায় যা এক্সপ্লোর করা যায়।

2] Chrome এ হেইক্স / আরজিবি কালার কোড পান

মাঝে মাঝে আমরা একটি রঙ পছন্দ করতে পারি এবং এটির রং কোড খুঁজে পেতে চাই। আপনি গুগল ক্রোমের নেটিভ বিকল্প ব্যবহার করে একটি নির্দিষ্ট ওয়েব পৃষ্ঠায় ব্যবহৃত HEX বা RGB রঙ কোড সহজেই খুঁজে পেতে পারেন। রঙে ডান-ক্লিক করুন, এবং পরিদর্শন এ ক্লিক করুন। বেশিরভাগ সময়ে, আপনি অন্যান্য CSS এর সাথে ডানদিকের রঙ কোড পাবেন। যদি আপনি এটি দেখতে না পান, ভাল, তবে আপনি কিছু বিনামূল্যে রঙ চয়নকারী সফ্টওয়্যার ব্যবহার করতে পারেন।

টিপ : এই রঙ চয়নকারী অনলাইন সরঞ্জামগুলিও দেখুন।

3] ওয়েব পৃষ্ঠার উন্নতিসাধনের উন্নতিগুলি পান

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

4] প্রতিক্রিয়া চেক করুন

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

5] লাইভ ওয়েবসাইট সম্পাদনা করুন

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

গুগল ক্রোমের এলিমেন্ট নির্ণয় করুন প্রতিটি ওয়েব ডেভেলপারের প্রকৃত সঙ্গী। আপনি কোন এক পৃষ্ঠা ওয়েবসাইট বা গতিশীল ওয়েবসাইট তৈরি করছেন কিনা তা কোনও ব্যাপার না, আপনি অবশ্যই এই টিপসগুলি ব্যবহার করতে পারেন।