শুরু করা সহজ। এক্সটেনশন ইনস্টল করুন, যেকোনো ওয়েব পেজ খুলুন এবং পপআপ বা ফ্লোটিং ডক থেকে ৩৯টিরও বেশি ডেভলপার টুল অ্যাক্সেস করুন। কোনো কনফিগারেশনের প্রয়োজন নেই।
Chrome-এ এক্সটেনশন যোগ করুন
Chrome ওয়েব স্টোর খুলুন এবং "DevSuite Pro" এক্সটেনশনটি অনুসন্ধান করুন।
"Add to Chrome"-এ ক্লিক করুন এবং তারপর পপআপ উইন্ডোতে "Add extension" ক্লিক করে নিশ্চিত করুন।
ওয়েব পেজ খুলুন এবং একটি টুল চালু করুন
যেকোনো ওয়েবসাইটে যান, তারপর টুলবারে DevSuite Pro আইকনে ক্লিক করুন অথবা পেজে থাকা ফ্লোটিং ডক ব্যবহার করুন।
গ্রিড থেকে যেকোনো টুল বেছে নিন। CSS Inspector, রুলার বা কালার পিকারের মতো টুলগুলো বর্তমান পেজে তাৎক্ষণিকভাবে সক্রিয় হবে।
এক্সটেনশন বৈশিষ্ট্য
DevSuite Pro এর মূল বৈশিষ্ট্য
DevSuite Pro ওয়েব পেজ ইনস্পেকশন, পরিমাপ, ডিজাইন এবং বিশ্লেষণের জন্য ৩৯টিরও বেশি ডেভলপার টুল অফার করে। আপনার ব্রাউজারে সরাসরি তৈরি শক্তিশালী ফিচারের মাধ্যমে আপনার কাজের গতি বাড়ান।
CSS Inspector
যেকোনো এলিমেন্টের ওপর হোভার করে তাৎক্ষণিকভাবে তার CSS স্টাইল দেখুন এবং লাইভ এডিট করুন, যা রিয়েল-টাইমে ডিজাইন ডিবাগ এবং অ্যাডজাস্ট করা সহজ করে তোলে।
DevSuite Pro এক্সটেনশনের বৈশিষ্ট্য এবং ব্যবহার সম্পর্কে সাধারণ প্রশ্ন। আপনার কোনো প্রশ্ন থাকলে, উত্তর নিচে থাকতে পারে।
কিভাবে আমি DevSuite Pro ইনস্টল করব?
Chrome ওয়েব স্টোরে যান, "DevSuite Pro" সার্চ করুন, "Add to Chrome"-এ ক্লিক করুন এবং "Add extension" সিলেক্ট করে কনফার্ম করুন। ইনস্টল হওয়ার পর, এক্সটেনশন আইকনটি আপনার ব্রাউজার টুলবারে দেখা যাবে। ৩৯টিরও বেশি ডেভলপার টুল তাৎক্ষণিকভাবে পেতে আইকনে ক্লিক করুন।
ফ্রি এবং প্রো টুলের মধ্যে পার্থক্য কী?
ফ্রি টুলগুলো (২০+) লাইসেন্স ছাড়াই সবার জন্য উপলব্ধ। প্রো টুলগুলোতে একটি সোনালী PRO ব্যাজ থাকে এবং সেগুলো ব্যবহার করার জন্য একটি সক্রিয় প্রো লাইসেন্স প্রয়োজন। আপনি পপআপে দেখতে পাবেন কোন টুলগুলো ফ্রি বা প্রো — ফ্রি টুলগুলোতে কোনো লক আইকন থাকবে না, আর প্রো টুলগুলো লাইসেন্স অ্যাক্টিভেট না করা পর্যন্ত কিছুটা ঝাপসা দেখাবে।
কেন টুলটি কিছু ওয়েবসাইটে কাজ করে না?
কিছু ওয়েবসাইটের কঠোর কন্টেন্ট সিকিউরিটি পলিসি (CSP) থাকে যা ব্রাউজার এক্সটেনশনের নির্দিষ্ট কাজ ব্লক করে। এটি বিশেষ করে ব্যাংকিং এবং সরকারি ওয়েবসাইটে দেখা যায়। এছাড়াও, Chrome-এর ইন্টারনাল পেজগুলোতে (chrome://) এক্সটেনশন কন্টেন্ট স্ক্রিপ্ট চালানোর অনুমতি পায় না।
আমি পেজে যে পরিবর্তনগুলো করি সেগুলো কি স্থায়ী?
না। মুভ এলিমেন্ট, লাইভ টেক্সট এডিটর, ডিলিট/হাইড এলিমেন্ট এবং CSS Inspector-এর মতো টুল দিয়ে করা সমস্ত পরিবর্তন সাময়িক। এগুলো শুধুমাত্র আপনার ব্রাউজারে এই মুহূর্তে আপনি যা দেখছেন তা প্রভাবিত করে। পেজ রিফ্রেশ করলে সবকিছু আবার আগের অবস্থায় ফিরে যাবে।
কিভাবে আমি প্রো লাইসেন্স অ্যাক্টিভেট করব?
DevSuite Pro পপআপ খুলুন, উপরের ডান কোনায় সেটিংস আইকনে ক্লিক করুন। লাইসেন্স সেকশনে যান, ইনপুট ফিল্ডে আপনার লাইসেন্স কি পেস্ট করুন এবং অ্যাক্টিভেট ক্লিক করুন। কি-টি সঠিক হলে ব্যাজটি FREE থেকে PRO-তে পরিবর্তিত হবে এবং সমস্ত প্রো টুল তাৎক্ষণিকভাবে আনলক হয়ে যাবে।
কিভাবে আমি ফ্লোটিং ডক সরাতে বা লুকাতে পারি?
আপনি সেটিংস-এ গিয়ে ডকটি সরাতে পারেন এবং আলাদা সাইডবার পজিশন বেছে নিতে পারেন — টপ, বটম, লেফট বা রাইট। আপনি সেটিংস-এ "Show dock on pages" সুইচটি অফ করে অথবা যেকোনো সময় Ctrl+Shift+X প্রেস করে ডকটি পুরোপুরি লুকাতে পারেন।
DevSuite Pro কি ব্রাউজিং ডাটা সংগ্রহ করে?
না। DevSuite Pro আপনার কোনো ব্রাউজিং ডাটা সংগ্রহ, ট্র্যাক বা ট্রান্সমিট করে না। সমস্ত সেটিংস আপনার ব্রাউজারে লোকাললি সেভ করা থাকে। আমাদের সার্ভারের মাধ্যমে আপনার কি-টি যাচাই করার জন্য শুধুমাত্র লাইসেন্স কি অ্যাক্টিভেশনের সময় একটি এক্সটারনাল রিকোয়েস্ট পাঠানো হয়।
আমি কি Firefox-এ DevSuite Pro ব্যবহার করতে পারি?
হ্যাঁ! DevSuite Pro Chrome ওয়েব স্টোর এবং Firefox অ্যাড-অন উভয় জায়গাতেই উপলব্ধ। এটি Chrome, Edge, Brave এবং অন্যান্য Chromium ভিত্তিক ব্রাউজারের পাশাপাশি Firefox-এও কাজ করে।
