কী জানতে হবে
-
Safari-এ: একটি ওয়েবপেজে রাইট ক্লিক করুন এবং ইনস্পেক্ট এলিমেন্ট নির্বাচন করুন।
- Chrome-এ, আপনি ডান-ক্লিক করতে পারেন এবং পরিদর্শন।
- Safari-এ বৈশিষ্ট্য সক্ষম করতে: Safari > Preferences > Advanced > চেক করুন মেনু বারে ডেভেলপ মেনু দেখান বক্স।
এই নিবন্ধটি আপনাকে শেখায় কিভাবে Mac এ একটি ওয়েবসাইটের উপাদান পরিদর্শন করতে হয়। এটি সাফারি এবং গুগল ক্রোমের মাধ্যমে কীভাবে তা করা যায় তা দেখায়৷
আপনি কিভাবে একটি Mac এ পরিদর্শন উপাদান বৈশিষ্ট্য ব্যবহার করবেন?
Safari ব্যবহার করার সময় Mac এ উপাদানগুলি পরিদর্শন করার আগে, আপনাকে ব্রাউজারের মধ্যে বিকাশকারী মেনু সক্ষম করতে হবে৷ কীভাবে এটি চালু করবেন এবং একটি উপাদান পরিদর্শন করতে কী করবেন তা এখানে দেখুন।
আপনি যদি বুকমার্ক এবং উইন্ডোর মধ্যে বিকাশ দেখতে পান তবে বিকাশকারী মেনু ইতিমধ্যেই সক্ষম করা হয়েছে এবং আপনি ধাপ 4 এ চলে যেতে পারেন।
সাফারিতে পরিদর্শন উপাদান বৈশিষ্ট্য ব্যবহার করে
এখানে Safari-এ Inspect Element কিভাবে ব্যবহার করবেন, ম্যাক কম্পিউটারে ডিফল্ট ব্রাউজার।
-
Safari-এ ক্লিক করুন Safari > Preferences.
Image -
ক্লিক করুন Advanced.
Image -
মেনু বারে ডেভেলপ মেনু দেখান ক্লিক করুন তারপর উইন্ডোটি বন্ধ করুন।
Image - কোন ওয়েবসাইট ব্রাউজ করার সময়, আপনি যে আইটেমটি পরিদর্শন করতে চান তাতে ডান ক্লিক করুন।
-
এলিমেন্ট পরিদর্শন করুন ক্লিক করুন।
Image -
আপনি এখন যে ওয়েবসাইটটি পরিদর্শন করেছেন তার পিছনের কোডটি দেখতে পারেন৷
Image
একটি Mac এ Chrome এ পরিদর্শন উপাদান বৈশিষ্ট্য ব্যবহার করে
আপনি যদি আপনার Mac এ Safari-এর পরিবর্তে Chrome ব্যবহার করেন, তাহলে একটি উপাদান দেখা আরও সহজ কারণ বৈশিষ্ট্যটি সক্ষম করার কোনো প্রয়োজন নেই৷ এখানে কি করতে হবে।
- Chrome এ, একটি ওয়েবসাইট ব্রাউজ করুন।
- আপনি যে উপাদানটি পরিদর্শন করতে চান তাতে রাইট ক্লিক করুন।
-
পরিদর্শন ক্লিক করুন।
Image -
আপনি এখন Chrome-এর পাশের উইন্ডোতে কোডটি দেখতে পারেন।
Image
আমি কেন আমার ম্যাকে পরিদর্শন করতে পারি না?
আপনি যদি Safari-এর মধ্যে বিকাশকারী মেনু সক্ষম না করে থাকেন তবে আপনি আপনার Mac এ একটি উপাদান পরিদর্শন করতে পারবেন না৷ এটি কীভাবে করবেন তার একটি অনুস্মারক এখানে৷
-
Safari-এ ক্লিক করুন Safari > Preferences.
Image -
ক্লিক করুন Advanced.
Image -
মেনু বারে ডেভেলপ মেনু দেখান ক্লিক করুন তারপর উইন্ডোটি বন্ধ করুন।
Image
কিভাবে উপাদান পরিদর্শন করে ওয়েবসাইট পরিবর্তন করবেন
আপনাকে একটি ওয়েবসাইটে কোড দেখার অনুমতি দেওয়ার পাশাপাশি, পরিদর্শন এলিমেন্টের মাধ্যমে সাময়িকভাবে ওয়েবসাইটের যেকোনো উপাদান পরিবর্তন করাও সম্ভব। সাফারির মাধ্যমে কীভাবে তা করবেন তা এখানে।
অন্যান্য ব্রাউজারে প্রক্রিয়াটি খুবই অনুরূপ৷
- কোন ওয়েবসাইট ব্রাউজ করার সময়, আপনি যে আইটেমটি পরিদর্শন করতে চান তাতে ডান ক্লিক করুন।
- এলিমেন্ট পরিদর্শন করুন ক্লিক করুন।
- কোডের পাঠ্যটিকে সম্পাদনাযোগ্য করতে ডাবল ক্লিক করুন৷
- এটি মুছুন বা পাঠ্যের একটি নতুন স্ট্রিং লিখুন।
- Enter ট্যাপ করুন।
- আপনার সুবিধার জন্য কোডটি এখন সাময়িকভাবে পরিবর্তন করা হয়েছে।
আপনি কেন পরিদর্শন উপাদান বৈশিষ্ট্য ব্যবহার করতে চান?
একটি উপাদান পরিদর্শন করতে সক্ষম হওয়া অনেক কারণে সহায়ক৷
- ফ্লাইতে কোড পরিবর্তন করতে। ওয়েবসাইট ডিজাইনাররা অস্থায়ীভাবে একটি ওয়েবসাইটে আশেপাশের জিনিসগুলি পরিবর্তন করতে পারে তা দেখতে কীভাবে পরিবর্তনগুলি জিনিসগুলিকে প্রভাবিত করে৷
- কোড চেক করতে. ডিজাইনার এবং বিপণনকারী উভয়ই কোড পরীক্ষা করে নিশ্চিত করতে পারেন যে Google অ্যানালিটিক্সের বিবরণের মতো জিনিস সেখানে আছে।
- একটি সাইট থেকে আলাদাভাবে ছবি দেখতে। যদি একটি সাইট আপনাকে একটি নতুন ট্যাব বা উইন্ডোতে একটি ছবি খোলার অনুমতি না দেয়, তাহলে উপাদানটি দেখা সম্ভব করে তোলে৷
-
টিঙ্কার. একটি ওয়েব পৃষ্ঠার কোড দেখে আপনি কী দেখছেন তা বুঝতে সাহায্য করতে পারে, আপনি যে সাইটে আছেন তার কী এবং কেন হচ্ছে তার রহস্য দূর করে৷ এটি কীভাবে কাজ করে তা দেখতে একটি যন্ত্র আলাদা করে নেওয়ার মতো, তবে এই ক্ষেত্রে হারানোর মতো কোনও স্ক্রু নেই৷
FAQ
একটি ওয়েবসাইট পরিদর্শন করা কি বৈধ?
হ্যাঁ। যাইহোক, যদি আপনি একটি ওয়েবসাইট থেকে কোনো কোড বা সম্পদ ব্যবহার করার পরিকল্পনা করেন, তাহলে মালিকের সাথে চেক করতে ভুলবেন না এবং একটি কপিরাইট নোট যোগ করুন।
আমি কিভাবে পরিদর্শন উপাদান সহ একটি ওয়েবসাইট থেকে HTML কপি করব?
Chrome-এ, পৃষ্ঠাটিতে ডান-ক্লিক করুন এবং পরিদর্শন নির্বাচন করুন, তারপর উপরের বিভাগে যান এবং ট্যাগটিতে ডান ক্লিক করুন (যেমন)। কপি > কপি outerHTML নির্বাচন করুন, তারপর কোডটি একটি পাঠ্য বা HTML ফাইলে পেস্ট করুন।
আমি কি পরিদর্শন উপাদান সহ একটি ওয়েবসাইট থেকে CSS কপি করতে পারি?
হ্যাঁ। আপনি যে উপাদানটি অনুলিপি করতে চান তাতে ডান-ক্লিক করুন এবং পরিদর্শন বেছে নিন। হাইলাইট করা কোডে রাইট-ক্লিক করুন এবং কপি > কপি শৈলী। নির্বাচন করুন
পরিদর্শন উপাদান ব্যবহার করে আমি কীভাবে আমার সংরক্ষিত পাসওয়ার্ডগুলি দেখতে পাব?
লুকানো পাসওয়ার্ড প্রকাশ করতে, পাসওয়ার্ড টেক্সট বক্সে ডান-ক্লিক করুন এবং পরিদর্শন নির্বাচন করুন। হাইলাইট করা বিভাগে, type=”পাসওয়ার্ড” খুঁজুন এবং পাসওয়ার্ড প্রতিস্থাপন করুন টেক্সট। Chrome-এ আপনার সমস্ত পাসওয়ার্ড দেখানোর সহজ উপায় রয়েছে৷
