This translation is in progress.

স্ক্র্যাচপ্যাড  জাভাস্ক্রিপ্ট পরীক্ষা করার জন্য একটি টুলস। এখানে জাভা স্ক্রিপ্ট কোড লিখা,চালনা করা এবং ওয়েব পেজের উপর সরাসরি পরীক্ষা করা যায়।

এটা ঠিক Web Console এর মত না যা কিনা একবারে এক লাইন কোড ব্যাখ্যা করার জন্য ডিজাইন করা, স্ক্র্যাচপ্যাড  অনেক বড় এবং জটিল  জাভাস্ক্রিপ্ট লিখতে এবং কিভাবে আউটপুট দেখতে চান সেই অনুসারে ভিবিন্নভাবে চালনা করা যায়।


স্ক্র্যাচপ্যাড  শুরু করা

স্ক্র্যাচপ্যাড  Shift F4  প্রেস করে অথবা "Web Developer" মেনু থেকে শুরু করা যায়। এখন স্ক্র্যাচপ্যাড এর ইন্টারফেস ওপেন হবে যেখানে স্ক্র্যাচপ্যাড সম্পর্কে বিশদ বিবরণ লেখা থাকবে। এখানে আপনি স্বাচ্ছন্দে জাভাস্ক্রিপ্ট কোড লিখা শুরু করতে পারেন।


স্ক্র্যাচপ্যাড ইন্টারফেস দেখতে অনেকটা নিচের ছবির মত:

A screenshot of the Scratchpad

The File menu offers options to save and load JavaScript code snippets, so you can reuse code later if you like.

Code completion and inline documentation

Code completion and type information is only available from Firefox 32 onwards.

From Firefox 32 onwards Scratchpad integrates the tern code analysis engine, and uses that to provide autocomplete suggestions and popups containing information on the current symbol. To list autocomplete suggestions, press Ctrl Space. To show the popup, press Shift Space in Firefox 32 or Ctrl Shift Space in Firefox 33+.

For example, try typing d, then pressing Ctrl Space. You'll see this:

The icon next to each suggestion indicates the type, and the currently highlighted suggestion gets a popup with more information. and cycle through the suggestions and Enter or Tab select the highlighted choice.

If you select document, then addEventListener, then press Shift Space you'll see a popup that shows a summary of the function's syntax and a short description:

The "[docs]" link takes you to the MDN documentation for the symbol.


Once you've written your code, select the code you want to run. If you don't select anything, all the code in the window will be run. Then choose the way you want the code to run using the buttons along the top, using the Execute menu, or using the context menu. The code is executed in the scope of the currently selected tab. Any variables you declare outside of a function will be added to the global object for that tab.

There are four execution options available.


রান অপশন সিলেক্টেট কোডকে রান করে. This is what you'd use to execute a function or other code that manipulates the content of your page without needing to see the result.


এইটা অনেকটা Run অপশনের মত; কোডে কোন কিছু রিটার্ন করলে একটা অবজেক্ট inspector আসবে যা কোডের রিটার্ন ভ্যালুকে পরীক্ষা করতে পারে.

For example, if you enter the code:


Then choose Inspect, the object inspector is shown that looks something like this:

Inspecting an object in the Scratchpad


The Display option executes the selected code, then inserts the result directly into your Scratchpad editor window as a comment, so you can use it as a REPL.

Reload And Run

The Reload And Run option is only available in the Execute menu. It first reloads the page, then executes the code when the page's "load" event fires. This is useful for running the code in a pristine environment.

Running Scratchpad in the browser context

You can run Scratchpad in the context of the browser as a whole rather than a specific web page. This is useful if you are working on Firefox itself or developing add-ons. To do this check "Enable chrome and add-on debugging" in the Developer Tool Settings. Once you've done this, the Environment menu has a Browser option; once that's selected, your scope is the entire browser rather than just the page content, as you will see from examining some globals:

[object ChromeWindow]

[object XULElement]

The Scratchpad execution context is set to browser when a snippet file has
// -sp-context: browser
on the first line.

কীবোর্ডের শর্টকাট

Command Windows macOS Linux
Open the Scratchpad Shift + F4 Shift + F4 Shift + F4
Run Scratchpad code Ctrl + R Cmd + R Ctrl + R
Run Scratchpad code, display the result in the object inspector Ctrl + I Cmd + I Ctrl + I
Run Scratchpad code, insert the result as a comment Ctrl + L Cmd + L Ctrl + L
Re-evaluate current function Ctrl + E Cmd + E Ctrl + E
Reload the current page, then run Scratchpad code Ctrl + Shift + R Cmd + Shift + R Ctrl + Shift + R
Save the pad Ctrl + S Cmd + S Ctrl + S
Open an existing pad Ctrl + O Cmd + O Ctrl + O
Create a new pad Ctrl + N Cmd + N Ctrl + N
Close Scratchpad Ctrl + W Cmd + W Ctrl + W
Pretty print the code in Scratchpad Ctrl + P Cmd + P Ctrl + P
Show autocomplete suggestions Ctrl + Space Ctrl + Space Ctrl + Space
Show inline documentation Ctrl + Shift + Space Ctrl + Shift + Space Ctrl + Shift + Space

Source editor shortcuts

This table lists the default shortcuts for the source editor.

In the Editor Preferences section of the developer tools settings, you can choose to use Vim, Emacs, or Sublime Text key bindings instead.

To select these, visit about:config, select the setting devtools.editor.keymap, and assign "vim" or "emacs", or "sublime" to that setting. If you do this, the selected bindings will be used for all the developer tools that use the source editor. You need to reopen the editor for the change to take effect.

From Firefox 33 onwards, the key binding preference is exposed in the Editor Preferences section of the developer tools settings, and you can set it there instead of about:config.

Command Windows macOS Linux
Go to line Ctrl + J Cmd + J Ctrl + J
Find in file Ctrl + F Cmd + F Ctrl + F
Find again Ctrl + G Cmd + G Ctrl + G
Select all Ctrl + A Cmd + A Ctrl + A
Cut Ctrl + X Cmd + X Ctrl + X
Copy Ctrl + C Cmd + C Ctrl + C
Paste Ctrl + V Cmd + V Ctrl + V
Undo Ctrl + Z Cmd + Z Ctrl + Z
Redo Ctrl + Shift + Z / Ctrl + Y Cmd + Shift + Z / Cmd + Y Ctrl + Shift + Z / Ctrl + Y
Indent Tab Tab Tab
Unindent Shift + Tab Shift + Tab Shift + Tab
Move line(s) up Alt + Up Alt + Up Alt + Up
Move line(s) down Alt + Down Alt + Down Alt + Down
Comment/uncomment line(s) Ctrl + / Cmd + / Ctrl + /

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

Contributors to this page: mdnwebdocs-bot, wbamberg, zitshafayat
সর্বশেষ হালনাগাদ করেছেন: mdnwebdocs-bot,