তাদের জন্যই তৈরি যারা ওয়েবকে তৈরি করে
শুধু একটাই ব্রাউজার যা আপনার মতোন ডেভেলপারদের জন্য তৈরি।
Firefox ডেভেলপার সংস্করণ স্বয়ংক্রিয়ভাবেই Mozilla কে ফিডব্যাক পাঠিয়ে দেয়। বিস্তারিত
-
ডেভেলপারদের জন্য পরিকল্পিত
শুধুমাত্র ব্রাউজার যেটি ডেভেলপার জন্য তৈরি করা, Firefox ডেভেলপার সংস্করণ আপনার মনের কর্মপ্রবাহের কথা মাথায়ে রেখে বানান হয়েছে। তৈরি করুন, পরীক্ষা করুন, স্কেল করুন এবং আরও সব একই জায়েগা থেকে, প্রথমবারের জন্য।
-
যেকোনো ব্রাউজারকে ডিবাগ করুন
আপনার অ্যাপ কোন ব্রাউজার অথবা ডিভাইস জুরে Valance দ্বারা পরিদর্শন এবং ডিবাগ করুন— যা একটি ক্ষমতাশালী, প্রাক-ইনস্টল এক্সটেনশন যেটা কিনা আপনি শুধুমাত্র Firefox ডেভেলপার সংস্করণে পাবেন।
-
পিক্সেল নিখুঁত কোডিং
লক্ষ্য পর্দা প্রতিক্রিয়াশীল ডিজাইন ভিউ এর সাথে মাপ করা এবং পিক্সেল নিখুঁত কোডিং জন্য বিল্ট ইন স্টাইল এডিটর সঙ্গে উড়ে আপনার সিএসএস খামচি করা।
আপনার প্রিয় ডেভ টুলগুলি এবং আরও
Firefox ডেভেলপার সংস্করণ কিছু শক্তিশালী নতুনত্বের সঙ্গে একসঙ্গে আপনার কোর ডেভ টুলগুলি এনেছে যে এক জায়গা থেকে একাধিক প্লাটফর্ম জুড়ে কাজ করার জন্য আপনার ক্ষমতাকে প্রসারিত করবে। এটি শুধুমাত্র আপনি যা ব্যবহার করেছেন সেটাই, শুধুমাত্র আরও ভাল। আর শুধু Firefox থেকে।
-
ভিজুয়াল সম্পাদনা টুল
ইস্পেক্টর প্যানেল থেকে ভিজুয়ালি CSS ও HTML অ্যানিমেশন সম্পাদনা করুন যা আপনার পাতায় চলছে। রুলার এবং মেজারমেন্ট টুল ব্যবহার করে যেকোন এলিমেন্টের অ্যালাইনমেন্ট, ডাইমেনশন ও প্যাডিং যাচাই করুন।
ভিজুয়াল সম্পাদনা টুল সম্পর্কে আরও জানুন -
DevTools Challenger
সাগরের গভীরতা খুঁজে দেখতে এবং অদ্ভুত সব সৃষ্টি দেখতে ডেভেলপার সংস্করণের ভিজুয়াল অ্যানিমেশনে এবং CSS সম্পাদনা টুল ব্যবহার করুন।
DevTools Challenger ব্যবহার করে দেখুন -
পারফরম্যান্স টুল
আপনার ওয়েবের বিষয়বস্তুর ফ্রেইম রেট, মেমোরি খরচ এবং সমন্বিত টাইমলাইন দৃশ্যে JS প্রোফাইল যাচাই করুন যেন সহজে চিহ্নিত এবং পার্ফরম্যান্সের অন্তরায় সমস্যা সমাধানে সাহায্য করে।
পারফরম্যান্স টুল সম্পর্কে আরও জানুন -
পৃষ্ঠা পরিদর্শক
যে কোন ওয়েব পেজের HTML এবং CSS পরীক্ষা করুন আর খুব সহজ ভাবে একটি পাতার গঠন এবং বিন্যাস পরিবর্তন করুন।
পৃষ্ঠা পরিদর্শকের ব্যাপারে আরও জানুন -
ওয়েব অডিও এডিটর
বাস্তব সময়ে ওয়েব আডিও API এর সাথে পরিদর্শন এবং যোগাযোগ করুন এটা যাচাই করার জন্য যে সব আডিও নোড আপনার আশা মত সংযুক্ত করা আছে কিনা।
ওয়েব অডিও এডিটরের ব্যাপারে আরও জানুন -
ওয়েব কনসোল
ওয়েব পৃষ্ঠার সঙ্গে জড়িয়ে থাকা কোন লগ তথ্য দেখুন এবং জাভাস্ক্রিপ্ট ব্যবহার করে ওয়েব পৃষ্ঠার সাথে যোগাযোগ করার জন্য ওয়েব কনসোল ব্যবহার করুন।
ওয়েব কনসোল এর ব্যাপারে আরও জানুন -
JavaScript ডিবাগার
JavaScript কোডের মধ্যে দিয়ে যান এবং পরীক্ষা বা পরিবর্তন করুন এর স্টেটকে বাগ ট্র্যাকে সাহায্য করার জন্য।
JavaScript ডিবাগারের ব্যাপারে আরও জানুন -
নেটওয়ার্ক মনিটর
আপনার ব্রাউজার যে সব নেটওয়ার্ক অনুরোধ করে সেগুলি দেখুন, একটি অনুরোধ কতখুন সময় নেয়ে তা দেখুন এবং প্রতেকটি অনুরোধের বিস্তারিত তথ্য দেখিন।
নেটওয়ার্ক মনিটর সম্পর্কে আরো জানুন -
স্টাইল এডিটর
ওয়েব পেজের সাথে সংযুক্ত CSS স্টাইলগুলো দেখুন ও সম্পাদন করুন, নতুন একটি তৈরি করুন এবং যেকোনো পেজে বিদ্যমান CSS স্টাইলশীটগুলোতে প্রয়োগ করুন।
স্টাইল এডিটর সম্পর্কে আরো জানুন -
রেসপনসিভ ডিজাইন ভিউ
দেখুন যে আপনার ওয়েবসাইট বা ওয়েব অ্যাপ কিরকম দেখতে লাগবে বিভিন্ন মাপের স্ক্রীনে ব্রাউজার উইন্ডোর মাপ বদল না করেই।
রেসপনসিভ ডিজাইন ভিইয়ের ব্যাপারে আরও জানুন -
ভ্যালেন্স
একাধিক ব্রাউজারে নিজের অ্যাপ ডেভেলপ এবং ডিবাগ করুন শক্তিশালী এক্সটেনশন সাথে যা Firefox ডেভেলপার সংস্করণ সঙ্গে প্রাক-ইনস্টল হয়ে আসে।
ভ্যালেন্সে সম্পর্কে আরোও জানুন