গুগল ক্রোম ব্রাউজারে পরিদর্শন উপাদান ব্যবহার করার জন্য টিপস

ধরে নিচ্ছি আপনি গুগল ক্রোম ব্রাউজারে পরিদর্শন উপাদান বৈশিষ্ট্য ব্যবহার করার টিপস চান: আপনি যে উপাদানটি পরিদর্শন করতে চান তার উপর ডান-ক্লিক করুন এবং ড্রপ-ডাউন মেনু থেকে 'পরিদর্শন' নির্বাচন করুন। ইন্সপেক্টর খুলতে আপনি কীবোর্ড শর্টকাট Ctrl+Shift+I (উইন্ডোজ) বা Cmd+Opt+I (Mac) ব্যবহার করতে পারেন। একবার আপনি ইন্সপেক্টর খুললে, আপনি বাম দিকে পৃষ্ঠার জন্য HTML এবং ডানদিকে CSS দেখতে পাবেন। আপনি ইন্সপেক্টরে HTML এবং CSS-এ পরিবর্তন করতে পারেন এবং দেখতে পারেন যে পরিবর্তনগুলি অবিলম্বে পৃষ্ঠায় কার্যকর হবে৷ ইন্সপেক্টর থেকে প্রস্থান করতে, উপরের-ডান কোণায় X-এ ক্লিক করুন।

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

Google Chrome উপাদান চেক করুন

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

মাইক্রোসফ্ট থেকে ভাইরাস সতর্কতা

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

2] ক্রোমে HEX/RGB কালার কোড পান

আপনি নিজের ইউটিউব ভিডিও ডাউনলোড করতে পারেন?

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

টিপ : এগুলো দেখে নিন অনলাইন কালার পিকার টুলস একই.

3] ওয়েব পেজ কর্মক্ষমতা উন্নত করার জন্য টিপস পান

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

উইন্ডোজ 10 ডাউনলোড করুন বহিরাগত হার্ড ড্রাইভে

4] টেস্ট প্রতিক্রিয়াশীলতা

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

সুরক্ষিত বুট উইন্ডোজ 10 অক্ষম করুন

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

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

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