Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Scratchpad

翻譯不完整。請協助 翻譯此英文文件

暫存器提供使用JavaScript代碼實驗的環境。您可以編寫,運行和檢查的代碼與網頁互動的結果。

不同於Web控制台,這是專為在同一時間解釋的一行代碼,便簽讓您編輯較大的JavaScript代碼塊,然後根據您希望如何使用輸出以各種方式執行。

用法

打開Scratchpad

要打開便簽窗口,請按Shift鍵 F4,或到Web開發菜單(這是在OS X和Linux的工具菜單的子菜單),然後選擇便簽。這將打開一個便簽編輯器窗口,其中包括註釋,提供有關如何使用便簽一些簡要信息。從那裡,你可以馬上開始編寫一些JavaScript代碼來試試。

編輯

便箋簿窗口看起來像這樣(在OS X菜單欄在屏幕的頂部):

便簽本的屏幕截圖

文件菜單提供選項來保存和載入JavaScript代碼片段,因此,如果你喜歡,你可以在以後重用代碼。

代碼完成和內聯文檔

代碼完成和類型的信息只能從Firefox 32開始。

從Firefox 32開始便簽整合了燕鷗代碼分析引擎,並使用該提供自動完成建議和包含在當前的符號信息的彈出窗口。要列出自動完成建議,按Ctrl鍵 的空間。要顯示彈出,請按Shift鍵 的空間在Firefox 32或按Ctrl 空間在Firefox 33+。

例如,嘗試輸入ð,然後按Ctrl鍵 空白鍵。你會看到這一點:

旁邊的每個建議的圖標指示的類型,當前突出的建議得到了彈出包含更多信息。循環的建議,並回車Tab鍵選擇突出顯示的選擇。

如果您選擇的文件,然後調用addEventListener,然後按下Shift鍵 的空間,你會看到一個彈出窗口,顯示該函數的語法和簡短說明的摘要:

在“[文件]”鏈接將帶您到MDN文檔中的符號。

執行

一旦你寫你的代碼,選擇要運行的代碼。如果不選擇任何內容,窗口中的所有代碼將被運行。然後選擇你想要的代碼使用按鈕沿頂部運行方式,利用執行菜單,或使用上下文菜單。該代碼是在當前所選選項卡的範圍內執行。你聲明函數之外的任何變量將被添加到該標籤的全局對象。

有四個執行選項。

執行

當你選取執行功能時, 被選取的程式碼將會被執行. 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.

檢查

該檢查選項執行的代碼就像運行選項; 然而,代碼返回後,一個對象檢查員打開讓你檢查返回值。

例如,如果你輸入代碼:

window

然後選擇檢查,顯示在 Object Inspector 中,看起來是這樣的:

在便簽中檢查對象

顯示

顯示選項執行所選代碼,然後直接將結果插入到你的便簽編輯器窗口作為一個評論,所以你可以使用它作為一個REPL

重新加載並運行

重新加載和運行選項僅在執行菜單。它首先重新加載頁面,然後執行該代碼時,頁面上的“負荷”事件觸發。這是用於在原始環境中運行的代碼是有用的。

在瀏覽器上下文中運行暫存器

你可以在瀏覽器作為一個整體,而不是特定網頁的上下文中運行便簽。如果您正在使用火狐本身或開發插件,這非常有用。要做到這一點勾選“啟用鉻和附加調試”的開發者工具設置。一旦你做到了這一點,環境菜單有Browser選項; 一旦這樣選擇,你的範圍是整個瀏覽器,而不僅僅是網頁的內容,你會從一些檢查全局看:

窗口
/*
[對象ChromeWindow]
*/

gBrowser
/*
[對象XULElement]
*/

當一個片段文件有暫存器執行上下文設置為瀏覽器的瀏覽器:// -sp上下文的第一行。
 

鍵盤快捷鍵

Command Windows OS X 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

源代碼編輯器的快捷鍵

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 OS X 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 + /

文件標籤與貢獻者

 此頁面的貢獻者: iigmir, abcdeffff, tsengchiaoling
 最近更新: iigmir,