টুলবক্স

by 1 contributor:

ফায়ারফক্সে তৈরি হয়া প্রায় সব ডেভলপার টুলসের জন্য একটিমাত্র হোম দেয় টুলবক্স। ওয়েব ডেভলপার মেনু থেকে "টুগল টুলস" সিলেক্টের মাধ্যমে আপনি এটি ওপেন করতে পারেন ( OS Xএ এবং লিনাক্সে "টুলস" এর আওতায় অথবা "ফায়ারফক্স" উইন্ডোজে) অথবা এতে হোস্ট হওয়া অন্য কোন টুল এক্টিভেট করার মাধ্যমে (যেমনঃ জাভাস্ক্রিপ্ট ডিবাগার অথবা পেজ ইন্সপেক্টর)।

ফায়ারফক্স উইন্ডোর নিচের দিকে উইন্ডোটি দেখা যায় কিন্তু আপনার ইচ্ছা মত আপনি এটিকে সরাতে পারেন। ডক্টড হওয়ার পর এটি এমন দেখায়ঃ

উইন্ডোটি নিজে থেকে দুটো অংশে বিভক্তঃ উপরে একটি টুলবার এবং একটি মেইন পেন নিচেঃ

টুলবার

টুলবার একটি নির্দিষ্ট টুল সক্রিয় করার জন্য নিয়ন্ত্রণ দান করে, উইন্ডো দক/ফ্লোট করার জন্য এবং বন্ধ করার জন্যঃ

বাঁদিকে একসারি বোতাম আছে। এদের কাজ হলঃ

  • উইন্ডো বন্ধ করা
  • ব্রাউজার উইন্ডোর উপরে সংযুক্ত এবং ব্রাউজার উইন্ডোর পাশে সংযুক্ত উইন্ডোর মাঝে টুগল করা
  • স্ট্যান্ডঅ্যালোন ও ব্রাউজার উইন্ডোর উপরে সংযুক্ত উইন্ডোর মাঝে টুগল করা
  • ডেভলপার টুল সেটিং এ প্রবেশ করা

Then there is an array of labeled buttons which enables you to switch between the different tools hosted by the Toolbox. The array may include the following tools:

Note that not all the hosted tools are always listed here: only the tools actually available in this context are shown (for example, not all tools support remote debugging yet, so if the debugging target is not the Firefox instance that launched the window, not all the hosted tools will be shown).

Next there's "Select element": this button was moved into the Toolbox toolbar from the Page Inspector in Firefox 29. If you click this button, then as you move around the web page you'll see a dotted border around each element. Click the element, and the Page Inspector will open with that element selected.

Next there's a button to activate and deactivate the split console. This enables you to use the web console without switching away from the tool you currently have active. This button's only available from Firefox 28 onwards.

Finally, the icons at the far right enable you to launch various tools whose user interfaces are not hosted by the Toolbox. From Firefox 30 the icons shown here are configurable via a setting.

Settings

Clicking the "Settings" button gives you access to settings for the Toolbox itself and for the tools it hosts:

Default Firefox Developer Tools

This group of checkboxes determines which tools are enabled in the toolbox. New tools are often included in Firefox but not enabled by default.

Available Toolbox Buttons

This setting is new in Firefox 30.

This group of checkboxes determines which "standalone tools" get buttons in the toolbar. From Firefox 31, this defaults to the node picker, the split console, and responsive design mode.

Choose DevTools theme

This enables you to switch between a light and a dark theme:

Common preferences

Settings that apply to more than one tool. There's just one of these:

Enable persistent logs: a setting to control whether or not the Web Console and Network Monitor clear their output when you navigate to a new page. Before Firefox 31, this setting only applied to the Web Console, and was listed under the Web Console.

Inspector

Default color unit: a setting to control how colors are represented in the inspected: Hex, HSL(A), RGB(A), and by name.

Web Console

Enable timestamps: controls whether the Web Console displays timestamps. From Firefox 28 the Web Console defaults to hiding timestamps.

Style Editor

These settings are available from Firefox 29 onwards

Show original sources: when a CSS preprocessor supporting source maps is used, this enables the Style Editor to display the original, preprocessor, sources rather than the generated CSS. Learn more about Style Editor support for CSS source maps. With this setting checked, the Page Inspector Rules view will also provide links to the original sources.

Autocomplete CSS: enable the Style Editor to offer autocomplete suggestions.

জাভাস্ক্রিপ্ট প্রোফাইলার

গেটকো প্লাটফর্ম ডাটা দেখানঃ a setting to control whether or not profiles should include Gecko platform symbols.

Advanced settings

  • Disable cache: disable the browser cache to simulate first-load performance
  • Disable JavaScript: reload the current tab with JavaScript disabled
  • Enable chrome debugging: enable you to use developer tools in the context of the browser itself, and not only web content
  • Enable remote debugging: enable the developer tools to debug remote Firefox instances

Main Pane

The content of the main pane in the window is entirely controlled by, and specific to, the hosted tool currently selected.

ডকুমেন্ট ট্যাগ এবং অবদানকারী

Contributors to this page: Prome
সর্বশেষ হালনাগাদ করেছেন: Prome,