翻譯不完整。請協助 翻譯此英文文件。
暫存器提供使用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 + / |