Online Tool Store Online Tool Store

ব্রাউজার জুম লেভেল টেস্টার

৫০%-৮০০% জুম লেভেলে রিফ্লো পরীক্ষা করুন, লাইভ ইফেক্টিভ-উইডথ ক্যালকুলেটর ও WCAG 1.4.10 এর ৩২০px মানদণ্ডের বিপরীতে স্বয়ংক্রিয় পাস/ফেল ওভারফ্লো শনাক্তকরণসহ।

🔒 এই টুলটি সম্পূর্ণভাবে আপনার ব্রাউজারে চলে। আপনার ফাইল কখনও সার্ভারে আপলোড করা হয় না।

একটি নমুনা লেআউটকে সেই জুম লেভেলে প্রকৃত ব্রাউজারের একই "ইফেক্টিভ CSS প্রস্থ"-এ রিসাইজ করে সিমুলেট করে — একটি কাছাকাছি অনুমান, আপনার প্রকৃত ব্রাউজারের রেন্ডারিং ইঞ্জিন নয়। সবসময় আপনার সাইটে ব্রাউজারের নিজস্ব জুম দিয়ে নিশ্চিত করুন।

100%

ইফেক্টিভ CSS প্রস্থ: 1280px
নমুনা পেজ

আমাদের স্টোরে স্বাগতম

সিমুলেটেড জুম লেভেল পরিবর্তনের সাথে টেক্সট কীভাবে রিফ্লো ও র‍্যাপ হয় তা দেখতে একটি সংক্ষিপ্ত অনুচ্ছেদ।

কার্ড A
কার্ড B

কীভাবে ব্যবহার করবেন

  1. একটি ব্রাউজার উইন্ডো প্রস্থ বেছে নিন (1280px স্ট্যান্ডার্ড WCAG 1.4.10 রেফারেন্স পয়েন্টের সাথে মেলে)।
  2. জুম স্লাইডার টানুন বা 50% থেকে 800% পর্যন্ত একটি প্রিসেটে ক্লিক করুন — ইফেক্টিভ CSS প্রস্থ লাইভ আপডেট হয়।
  3. পাস/ফেল ব্যাজগুলো দেখুন: আপনি 320px WCAG মানদণ্ডে পৌঁছেছেন কিনা, এবং সেই প্রস্থে নমুনা লেআউটে অনুভূমিক স্ক্রলিং প্রয়োজন কিনা।
  4. একটি ফিক্সড-উইডথ এলিমেন্ট কীভাবে রিফ্লো ভাঙে ও চেক ফেল করে তা দেখতে "ফিক্সড-উইডথ (সাধারণ ভুল)" মোডে সুইচ করুন।
  5. আপনার নিজের সাইটে একই বোধ ব্যবহার করুন, তারপর সঠিক ফলাফলের জন্য প্রকৃত ব্রাউজার জুম দিয়ে যাচাই করুন।

FAQ

এটি কি আসলেই আমার ব্রাউজার জুম করে?

না — এটি একটি নমুনা লেআউটকে সেই উইন্ডো প্রস্থ ও জুম লেভেলে প্রকৃত ব্রাউজারের একই "ইফেক্টিভ CSS প্রস্থ"-এ রিসাইজ করে, তারপর প্রকৃত অনুভূমিক ওভারফ্লো পরীক্ষা করে। এটি একটি কাছাকাছি অনুমান, আপনার প্রকৃত ব্রাউজারের রেন্ডারিং ইঞ্জিন নয়। আপনার নিজের সাইটের জন্য সবসময় আপনার প্রকৃত ব্রাউজারের Ctrl/Cmd + "+" জুম দিয়ে নিশ্চিত করুন।

WCAG নির্দিষ্টভাবে 400% জুম নিয়ে কেন চিন্তিত?

WCAG 2.1 সাফল্য মানদণ্ড 1.4.10 (রিফ্লো) দাবি করে যে কন্টেন্ট 320 CSS পিক্সেলের ইফেক্টিভ প্রস্থে অনুভূমিক স্ক্রলিং ছাড়াই একক কলামে রিফ্লো করবে — এটি 1280px-প্রস্থের ব্রাউজার উইন্ডো 400% জুম করলে যে প্রস্থ পাওয়া যায়, তাই 1280px ও 400% স্ট্যান্ডার্ড রেফারেন্স পয়েন্ট।

"ইফেক্টিভ প্রস্থ" কী এবং এটি কীভাবে গণনা করা হয়?

ইফেক্টিভ প্রস্থ হলো ব্রাউজার উইন্ডো প্রস্থকে জুম শতাংশ দিয়ে ভাগ করা (যেমন 1280px ÷ 400% = 320px)। এটি প্রতিনিধিত্ব করে জুম প্রয়োগের পর আপনার লেআউটের কতটা CSS পিক্সেল স্পেস আছে — প্রকৃত ব্রাউজার আপনার CSS-কে যে সংখ্যা রিপোর্ট করবে তাই।

উচ্চ জুমে সাধারণত কী লেআউট সমস্যা দেখা দেয়?

ফিক্সড-উইডথ কনটেইনার অনুভূমিক স্ক্রল সৃষ্টি করা, ওভারল্যাপিং নেভিগেশন আইটেম, টেক্সট যা তার কনটেইনার থেকে ওভারফ্লো করে, এবং বাটন বা কার্ড যা কাটা পড়ে — এগুলো সবচেয়ে সাধারণ সমস্যা যা জুম 150-200% পার হওয়ার পরই দেখা দেয়। ঠিক কীভাবে এই ব্যর্থতা দেখায় তা দেখতে এই টুলটিকে "ফিক্সড-উইডথ (সাধারণ ভুল)" মোডে সুইচ করুন।

জুম করলে কি সত্যিই CSS পিক্সেল ভিউপোর্ট সংকুচিত হয়?

হ্যাঁ। জুম বাড়ার সাথে সাথে ব্রাউজারের প্রকৃত উইন্ডো প্রস্থ CSS পিক্সেলে সংকুচিত হয় — এই টুলটি ইফেক্টিভ প্রস্থ গণনা করে যে প্রক্রিয়া সিমুলেট করে, এবং এই কারণেই ফিক্সড পিক্সেল প্রস্থে তৈরি একটি পেজ 400%-এর আগেই অনুভূমিকভাবে ওভারফ্লো শুরু করতে পারে।

আমরা কীভাবে তুলনামূলক

ফিচারOnline Tool Storeরিফ্লো-কেন্দ্রিক টেস্টারURL ডিভাইস-প্রিভিউ টুল
ইফেক্টিভ-প্রস্থ ক্যালকুলেটর (উইন্ডো প্রস্থ ÷ জুম %)
লাইভ অনুভূমিক-ওভারফ্লো পাস/ফেল চেক
800% পর্যন্ত জুম প্রিসেট লাইভ রিফ্লোসহ
কোনো বহিরাগত URL/এম্বেডিং প্রয়োজন নেই (তাৎক্ষণিকভাবে কাজ করে, কোনো X-Frame-Options ব্লক নেই)

প্রকৃত ব্রাউজার ডেভ টুল খোলা ও আপনার লাইভ পেজ জুম করার আগে একটি দ্রুত স্ক্রিনিং ধাপ।

সম্পর্কিত টুল দেখুন

এই টুলটি এমবেড করুন

এটি আপনার নিজের সাইটে বসান — এটি ফ্রিই থাকে, আর প্রতিটি ফাইল আপনার দর্শকের ব্রাউজারেই থাকে, আপনার বা আমাদের কাছে নয়।