Description from extension meta
এলিমেন্ট পরিদর্শন করুন – একটি CSS দর্শক যা ক্রোমের এলিমেন্ট পরিদর্শন করুন শর্টকাট ব্যবহার করে। এই সহজ টুলটি ব্যবহার করে কীভাবে…
Image from store
Description from store
এলিমেন্ট পরিদর্শন করুন – একটি শক্তিশালী কিন্তু পরিষ্কার CSS দর্শক
ওয়েবসাইটগুলি কিভাবে তৈরি হয় তা জানার আগ্রহ? পৃষ্ঠা বিন্যাস, নিয়ম এবং প্রতিক্রিয়াশীল ডিজাইন লজিক শূন্য বাধায় অন্বেষণ করতে চান? এলিমেন্ট পরিদর্শন করুন আপনার উত্তর। আপনি একজন ডেভেলপার, ডিজাইনার, পরীক্ষক বা ছাত্র হোন – এই টুলটি আপনার জন্য তৈরি।
ইন্টারফেসটি পরিষ্কার। সেটআপটি সহজ। শর্টকাট প্রস্তুত। গোপনীয়তা? আপনাকে একটি অ্যাকাউন্টের প্রয়োজন হবে না বা কোনও চিহ্ন ছাড়তে হবে না। এটি শুধু কাজ করে – অন্ধকার মোডেও। আমাদের ক্রোম এলিমেন্ট পরিদর্শন করুন এক্সটেনশনটি ডিভাইস জুড়ে উপভোগ করুন – আপনি macOS, Windows, বা Linux-এ থাকুন।
শীর্ষ হাইলাইটস
✨ ভিজ্যুয়াল স্ট্রাকচারে সহজ প্রবেশ
✨ ন্যূনতম ইন্টারফেস – কোনও অতিরিক্ত টুল নেই
✨ এলিমেন্ট পরিদর্শন করুন একটি অন্ধকার মোড রয়েছে
✨ কীবোর্ড-বান্ধব শর্টকাট সমর্থন সহ
✨ নিরাপদ, অজ্ঞাত ব্যবহার – কোনও তথ্য সংগ্রহ নেই
Windows & Linux কীবোর্ড শর্টকাট
🔎 খুলুন: Alt + E
🔎 এক্সটেনশন বন্ধ করুন: Esc
🔎 কোড কপি করুন: C
MacOS কীবোর্ড শর্টকাট
🍏 এলিমেন্ট পরিদর্শন করুন খুলুন: Cmd + E
🍏 এক্সটেনশন বন্ধ করুন: Esc
🍏 কোড কপি করুন: C
এটি কাদের জন্য?
▸ ডেভেলপাররা – CSS স্ক্যান করুন, স্টাইল ডিবাগ করুন, স্ট্রাকচার পরীক্ষা করুন, লেআউট আচরণ যাচাই এবং ঠিক করুন
▸ ডিজাইনাররা – ভিজ্যুয়ালি এলিমেন্ট পরিদর্শন করুন, লেআউটের সঠিকতা পরীক্ষা করুন এবং ডিজাইনগুলি সঠিকভাবে মেলান
▸ QA ইঞ্জিনিয়াররা – ওয়েব পৃষ্ঠা উপাদানগুলি অন্বেষণ করুন, সমস্যা ট্র্যাক করুন এবং প্রতিক্রিয়া যাচাই করুন
▸ ছাত্ররা – সহজে এলিমেন্ট পরিদর্শন করতে শিখুন এবং বাস্তব বিশ্বের ডিবাগিং দক্ষতা অর্জন করুন
▸ যে কেউ আগ্রহী – ভিজ্যুয়াল ম্যাজিকের পিছনে কী রয়েছে তা অন্বেষণ করুন এবং ওয়েবসাইটগুলি কিভাবে তৈরি হয় তা শিখুন
সব দক্ষতার স্তরের জন্য আদর্শ
আপনি যদি নতুন শুরু করেন বা ওয়েব প্রকল্পগুলিতে গভীর হন, এই টুলটি মূল্য প্রদান করে। এটি দ্রুত ডিজাইন চেক, পৃষ্ঠাগুলির কাঠামো শেখা, বা লেআউট অস্থিরতা ডিবাগ করার জন্য সমানভাবে উপকারী।
এলিমেন্ট পরিদর্শন করুন দিয়ে আপনি কী স্ক্যান করতে পারেন
• ফন্ট, আকার, রঙ
• ছায়া এবং সীমানা
• অবস্থান এবং স্থান
• প্রতিক্রিয়াশীল ব্রেকপয়েন্ট
• লুকানো স্তর সহ সম্পূর্ণ পৃষ্ঠা কাঠামো
এটি কীভাবে আলাদা
1️⃣ টাইপোগ্রাফি, রঙ এবং প্যাডিং পর্যালোচনা করার জন্য নির্মিত
2️⃣ সম্পূর্ণ CSS চেকার যা লাইভ স্টাইল দেখায়
3️⃣ ম্যাক এবং উইন্ডের জন্য একীভূত শর্টকাট
4️⃣ কনসোল ছাড়াই এলিমেন্ট পরিদর্শন করুন
5️⃣ পটভূমিতে শান্তভাবে চলে
ডিফল্ট ক্রোম পরিদর্শকের চেয়ে এটি কীভাবে ভালো?
🚀 কোনও বিভ্রান্তি নেই – শুধুমাত্র CSS স্ক্যান কার্যকারিতা, কোনও অপ্রয়োজনীয়তা নেই
🚀 উভয় হালকা এবং অন্ধকার মোডে পড়ার জন্য পূর্ব-শৈলীকৃত, সর্বদা মার্জিত
🚀 দ্রুত প্রবেশের জন্য শর্টকাট সহ দ্রুত অন্বেষণ
🚀 বাস্তব সময়ের সঠিকতার সাথে তাত্ক্ষণিক CSS চেকার প্রতিক্রিয়া
ব্যবহারের ক্ষেত্রে
💡 সাইটের শৈলী দ্রুত অন্বেষণ এবং তুলনা করার জন্য একটি CSS স্ক্যান চালানো
💡 এলিমেন্ট পরিদর্শন করুন কিভাবে করতে হয় এবং প্যাডিং সমস্যাগুলি সমাধান করা
💡 সঠিক ডিজাইন এবং লেআউট চেকের জন্য ম্যাক-এ এলিমেন্ট পরিদর্শন করতে শেখা
💡 দ্রুত প্রবেশ এবং মসৃণ কাজের জন্য ক্রোমের এলিমেন্ট পরিদর্শন শর্টকাট অন্বেষণ করা
বুদ্ধিমান লেআউট অন্তর্দৃষ্টি
➤ হোভার করার সময় এলিমেন্ট পরিদর্শন করুন
➤ মার্জিন, প্যাডিং এবং সীমানা দেখুন
➤ একটি উপাদান অন্বেষণ করতে শর্টকাট ব্যবহার করুন
➤ বিভ্রান্তি বা লগইন প্রম্পট ছাড়াই কাজ করুন
➤ বাস্তব সময়ে সাইটের আচরণ বুঝুন
কেন্দ্রিত অন্বেষণের জন্য নির্মিত
এই এক্সটেনশনটি যে কোনও ওয়েবসাইটের ডিজাইন কাঠামো অন্বেষণের প্রক্রিয়াটি সহজ করে। একটি পরিষ্কার UI, শর্টকাট সমর্থন এবং কোনও লগইন ঝামেলা ছাড়াই, এটি আপনাকে লেআউট, স্থান এবং স্টাইলিং বিবরণে দ্রুত প্রবেশ দেয়।
এই CSS দর্শকের অতিরিক্ত সুবিধা
📌 আমাদের CSS পরিদর্শক টুলের সাহায্যে আপনি প্রতিটি লেআউটের বিস্তারিত সহজেই খুঁজে পাবেন
📌 সময় এবং ক্লিক সাশ্রয়ের জন্য এলিমেন্ট পরিদর্শন করুন শর্টকাট ব্যবহার করুন
📌 এটি ক্রোমের এলিমেন্ট পরিদর্শন করুন প্রতিস্থাপন টুল হিসাবে নির্বিঘ্নে কাজ করে
📌 আপনি এক্সটেনশনটি খুললে বা বন্ধ করলে পৃষ্ঠা রিফ্রেশ হবে না
📌 যেকোনো ওয়েবপৃষ্ঠায় যেকোনো জায়গা থেকে শর্টকাট পরিদর্শন ব্যবহার করে চালু করুন
অন্যান্য চমৎকার বৈশিষ্ট্য
🧪 গতিশীল সামগ্রীর জন্য ইন্টারঅ্যাকশন সমর্থন করে
🧪 অ্যাক্সেসিবিলিটি এবং কর্মক্ষমতা পর্যালোচনার জন্য ব্যবহার করা যেতে পারে
🧪 শিক্ষার্থীদের জন্য সহজ কোড শেখার সুযোগ দেয়
🧪 ডিজাইনের দ্বারা অজ্ঞাত – ব্যক্তিগত তথ্যের ট্র্যাকিং নেই
❓FAQ - সাধারণ জিজ্ঞাসা
প্রশ্ন: ম্যাকে এলিমেন্ট পরিদর্শন করুন কিভাবে?
উত্তর: এক্সটেনশন আইকনে ক্লিক করুন বা একটি শর্টকাট ব্যবহার করুন। ম্যাকের জন্য: Cmd + E। উইন্ডোজের জন্য: Alt + E
প্রশ্ন: এটি বিল্ট-ইন ক্রোম পরিদর্শকের থেকে কীভাবে আলাদা?
উত্তর: আমাদেরটি চালু করতে দ্রুত, পড়তে সহজ এবং বিভ্রান্তি মুক্ত। দ্রুত CSS স্ক্যানের প্রয়োজনের জন্য দুর্দান্ত।
প্রশ্ন: আপনি কি আমার তথ্য সংগ্রহ করেন?
উত্তর: না। এই এক্সটেনশনটি আপনার গোপনীয়তার প্রতি সম্মান জানাতে ডিজাইন করা হয়েছে। আমরা ব্যক্তিগত তথ্য ব্যবহার, সংরক্ষণ বা শেয়ার করি না।
প্রশ্ন: আমি কি এই এক্সটেনশনটি অফলাইনে ব্যবহার করতে পারি?
উত্তর: না। এটি শুধুমাত্র একটি সক্রিয় ইন্টারনেট সংযোগের সাথে কাজ করে।
প্রশ্ন: এটি কি একটি CSS চেকার এবং CSS পিপার হিসাবে কাজ করে?
উত্তর: এটি সক্রিয়, গণনা করা এবং উত্তরাধিকারী শৈলীর উপর বাস্তব সময়ের অন্তর্দৃষ্টি পাওয়ার জন্য একটি অনুরূপ কার্যকারিতা রয়েছে।
প্রশ্ন: এটি কি একটি সম্পূর্ণ এলিমেন্ট পরিদর্শন করুন ক্রোম প্রতিস্থাপন?
উত্তর: এটি দ্রুত, প্রতিদিনের ব্যবহারের জন্য নির্মিত একটি সহজ, হালকা সংস্করণ। এটি আপনার বন্ধুত্বপূর্ণ CSS দর্শক সঙ্গী হিসাবে ভাবুন।
এখন এই আধুনিক, ব্যক্তিগত এবং দ্রুত এক্সটেনশনটি চেষ্টা করুন। আপনি যদি CSS চেক করার উপায় জানার জন্য, লেআউট পরিবর্তনগুলি ডিবাগ করার প্রয়োজন হয়, বা কেবল একটি দ্রুত CSS দর্শক এক্সটেনশন চান, তবে আপনি এই হালকা টুলটি পছন্দ করবেন।
✨ উৎপাদনশীলতার জন্য নির্মিত। স্পষ্টতার জন্য ডিজাইন করা হয়েছে। আগ্রহীদের জন্য তৈরি।