This translation is incomplete. Please help translate this article from English.

ডেস্কটপ এবং মোবাইলে HTML, CSS এবং জাভাস্ক্রিপ্ট পরীক্ষা, সম্পাদন এবং ডিবাগ করুন

অরোরাতে নতুন কি আছে?

ফায়ারফক্স অরোরার বর্তমান রিলিজ হল ফায়ারফক্স ২৮, এবং ডেভেলপার টুলগুলোতে কতগুলো আপডেট যুক্ত করেছে:

HTML এবং CSS পরীক্ষা এবং এডিট করার জন্য, জাভাস্ক্রিপ্ট ডিবাগ করার জন্য এবং পেজ এ জাভাস্ক্রিপ্ট রান করার জন্য আপনি ডেভেলপার টুলস ব্যবহার করতে পারেন।  আপনি নেটওয়ার্ক এর রিকোয়েষ্ট দেখতে তাদের ব্যবহার করতে পারেন, যা আপনার ব্রাউজারে একটি পেজ লোড হবার সময় জাভাস্ক্রিপ্ট এবং CSS সতর্কতা এবং ত্রুটির জন্য তৈরি হয়। আপনি আপনার সাইটের কর্মক্ষমতা পরীক্ষা করার জন্য ব্যবহার করতে পারেন।

You can use the developer tools to debug code running Firefox for Android, and soon, Firefox OS. We've also provided tools that target mobile development: the Responsive Design View is a quick way to see how a site will look on a small screen, and the Firefox OS Simulator lets you run and debug a Firefox OS app on the desktop without needing to use a real Firefox OS device.

Firefox add-ons can access the debugger API, so you can build your own developer tools that extend and enhance the built-in tools. With the remote debugging protocol you can implement your own debugging clients and servers, enabling you to debug websites using your own tools or to debug different targets using the Firefox tools.


টুলবক্স

অধিকাংশ ডেভেলপার টুলসের জন্য একটি টুলবক্স প্রদান করা হয় যা ফায়ারফক্স এর মধ্য বিদ্যমান।
 
পেজ ইন্সপেক্টর
নির্বাচিত উপাদানের HTML এবং CSS দেখুন এবং সংশোধন করুন।
ওয়েব কনসোল
একটি ওয়েব পেজ ব্রাউজার দ্বারা লোড করার সময় নির্গত তথ্য, সতর্কতা এবং ত্রুটি বার্তা দেখুন এবং জাভাস্ক্রিপ্ট ব্যবহার করে পরীক্ষা এবং নিপুনভাবে ব্যবহার করুন।
স্টাইল এডিটর
বর্তমান পেজ এর CSS স্টাইল দেখুন এবং এডিট করুন।
জাভাস্ক্রিপ্ট ডিবাগার
Step through JavaScript code that is running in the browser and watch variables to help track down bugs.
জাভাস্ক্রিপ্ট প্রোফাইলার
আপনার জাভাস্ক্রিপ্ট কোড কোথায় তার সময় ব্যয় করছে তা বের করতে প্রোফাইলার ব্যবহার করুন।
নেটওয়ার্ক মনিটর
Inspect all the network requests that are made when a page is loaded, and how long they take to execute.

মোবাইল

অবশ্যি, মোবাইল-ওয়েব ডেভেলপাররা ওয়েব ডেভেলপারও, তাই অধিকাংশ ওয়েব ডেভেলপমেন্ট টুলস মোবাইল ওয়েব ডেভেলপারদের কাছে আকর্ষণীয় হবে। কিন্তু আমরা বিশেষভাবে মোবাইল উন্নয়নের লক্ষ্যে কিছু সরঞ্জাম তৈরি করেছি

রিমোট ডিবাগিং
ইউএসবি এর মাধ্যমে ডেভেলপার টুলস ব্যবহার করে আপনার অ্যান্ড্রয়েড ডিভাইস ডিভাগ করুন।
ফায়ারফক্স ওএস সিমুলেটর
ফায়ারফক্স ওএস ডিভাইস ছাড়া আপনার ফায়ারফক্স ওএস অ্যাপ্লিকেশন চালান এবং ডিবাগ করুন।
Responsive ডিজাইন দেখুন
আপনার ওয়েবসাইট বা অ্যাপ্লিকেশন আপনার ব্রাউজার উইন্ডোর আকার পরিবর্তন ছাড়া বিভিন্ন পর্দা মাপ নেভিগেশন দেখবে কিভাবে দেখুন।

স্বতন্ত্র টুলস

ফায়ারফক্সের ভেতরে এই টুলসগুলি দেয়া আছে, কিন্তু তাদের ইউজার ইন্টারফেস টুলবক্সের মধ্যে একত্রিত করা হয়নি।

স্ক্র্যাচপ্যাড
ফায়ারফক্স এর ভেতরে একটি টেক্সট এডিটর দেয়া আছে যা আপনাকে জাভাস্ক্রিপ্ট লিখতে এবং এক্সিকিউট করতে দেয়।
ব্রাউজার কনসোল
See messages from all JavaScript code running in the browser including content, chrome, and add-ons. Execute JavaScript code in the chrome window's context.
ডেভেলপার টুলবার
A command-line interface to manipulate and work with the developer tools in Firefox, and buttons for quick access to the most commonly used tools.
থ্রিডি ভিউ
এছারও "Tilt" (ঢাল) নামে পরিচিত, যা বর্তমান পেজের 3D ভিজুয়ালাইজেশন দেয়।
Paint Flashing Tool
The paint flashing tool highlights the part of the browser window that are repainted in response to events, helping to diagnose potential performance problems with your site.

আরো রিসোর্স

This section lists resources which aren't maintained by Mozilla's developer tools team, but which are widely used by web developers. We've included a few Firefox add-ons in this list, but for the complete list see the "Web Development" category on addons.mozilla.org.

Firebug
একটি জাভাস্ক্রিপ্ট ডিবাগার, HTML এবং CSS ভিউয়ার এবং এডিটর, এবং নেটওয়ার্ক মনিটর সহ খুব জনপ্রিয় এবং শক্তিশালী একটি ওয়েব ডেভেলপমেন্ট টুল।
DOM Inspector
ওয়েব পেজের DOM বা উইন্ডোজ এর XUL পরিদর্শন, ব্রাউজ বা সম্পাদনা করুন।
ওয়েব ডেভেলপার
বিভিন্ন ওয়েব ডেভেলপার টুলস দিয়ে ব্রাউজারে একটি মেনু এবং একটি টুলবার যুক্ত করে।
ওয়েবমেকার টুল
মজিলা এক সেট টুলস ডেভেলপ করেছে যা দিয়ে মানুষ ওয়েব ডেভেলপমেন্ট শুরু করতে পারে।
W3C ভ্যালিডেটরস
এইচটিএমএল এবং সিএসএস সহ আপনার ওয়েব সাইট বৈধতা চেক করার জন্য W3C ওয়েব সাইট এক সেট টুলস হোস্ট করেছে।
JSHint
জাভাস্ক্রিপ্ট কোড বিশ্লেষণ করার টুলস।

সাহায্য পাওয়ার পদ্ধতি

ফায়ারফক্স এর ডেভেলপার টুলস সম্পর্কে আপনার যদি কোন প্রশ্ন থাকে, তাহলে dev-developer-tools মেইলিং তালিকায় অথবা মোজিলা'র IRC নেটওয়ার্ক এর #devtools চ্যানেল আসুন এবং আমাদেরকে প্রশ্ন করুনএছাড়াও আপনি আমাদের উইকি পেজ-এ টিম সম্পর্কে আরো বিস্তারিত জানতে পারেন।