mozilla
Your Search Results

    Черновик

    Инструмент Черновик, встроенный в Firefox начиная с шестой версии, обеспечивает удобную среду для экспериментов с JavaScript-кодом. Вы можете писать в нем код и тут же проверять свои идеи, взаимодействуя с содержимым веб-страницы, после чего перейти в свой основной инструмент разработки, чтобы оформить идею в окончательный результат.

    В отличие от Веб-консоли, которая позволяет интерпретировать только одну строку кода за раз, Scratchpad позволяет вам редактировать большие фрагменты кода на JavaScript, затем запускать его разными способами в зависимости от того, какой вы хотите использовать формат вывода.

    Использование Черновика

    Чтобы открыть окно Черновика, нажмите Shift+F4, либо перейдите в меню Веб-разработка (которое является подменю в меню Инструменты на Mac OSX и Linux), затем выберите пункт "Простой редактор JavaScript". Откроется окно редактора, включающее комментарии, которые содержат краткую информацию о том, как использовать Черновик. В этом окне вы можете сразу попробовать написать  код  на JavaScript.

    Окно Черновика выглядит как-то так (на Windows и Linux здесь будет еще строка меню, на Mac строка меню находится сверху экрана, как обычно):

    scratchpad.png

    См. Использование редактора исходного кода для изучения документации на сам редактор, включая полезные сочетания клавиш.

    Меню File предлагает варианты для сохранения и загрузки фрагментов  JavaScript кода, так что вы можете повторно использовать код позже, если хотите.

    Выполнение кода

    После того, как вы написали свой код, выделите код, который вы хотите запустить, затем щелкните правой кнопкой мыши (или перейдите в меню Execute в строке меню) и выберите желаемый способ запуска своего кода. Доступны три варианта исполнения.

    Примечание: Если вы ничего не выбрали, будет выполняться весь код в окне.

    Запустить

    Когда вы выбираете опцию Запустить, выделенный код выполняется. Это то, что вы будете использовать, чтобы выполнить функцию или другой код, который воздействует на содержание вашей страницы.

    Исследовать

    Опция Исследовать выполняет код так же, как и Запустить; однако затем открывается объект Инспектор, чтобы вы могли изучить значение, которое вернул код.

    Например, если вы введете код:

    window
    

    Затем выберите Исследовать, вы получите окно Инспектора, которое может выглядеть примерно так:

    inspector.png

    Отобразить

    Опция Отобразить выполняет выделенный код, затем вставляет результат непосредственно в окно редактора Черновика в качестве комментария. Это удобный способ ведения журнала результатов тестов во время работы. В крайнем случае вы можете также использовать это в качестве калькулятора, хотя, если вы уже не имеете лучшую программу-калькулятор, вы можете иметь большие проблемы. 

    Перезагрузка и запуск

    Опция Перезагрузить и запустить сначала перезагружает страницу, затем исполняет код,  когда сработает событие "load" на странице. Это полезно для выполнения кода в первоначальном окружении.

    Сценарии использования Черновика

    Черновик может быть полезен многими способами. В этом разделе рассматриваются некоторые из них.

    Тестирование нового кода

    Черновик особенно полезен для тестирования нового кода в реальном окружении браузера; вы можете скопировать код, который вы отлаживаете, в Черновик и запускать, настраивая его, пока код не заработает. После того, как он заработал, скопируйте его обратно в основной файл кода, и все готово. Во многих случаях, вы можете писать, отлаживать и тестировать свой код, даже не перезагружая страницу.

    Многоразовые фрагменты кода

    Строка меню в Черновике предлагает команды для сохранения и загрузки кода JavaScript. Это средство можно использовать, чтобы держать поблизости куски кода JavaScript, которые вы часто используете. Например, если вы работаете над сайтом, который использует AJAX запросы для загрузки данных, вы можете сохранить куски поблизости, что позволит выполнять эти операции загрузки для тестирования или проверки данных. Кроме того, вы можете держать поблизости полезные функции отладки общего назначения, такие как функции, которые выводят специфическую информацию о DOM.

    Область видимости Черновика

    Код, который вы запускаете в Черновике, выполняется в песочнице, которая имеет доступ ко всему на вашей странице, но не сможет устанавливать новые переменные на странице. Если вы явно хотите установить переменные на вашей странице, вы можете сделать это, поместив их в окно объекта:

    window.myVariable = value;
    

    В этом случае новая переменная window.myVariable доступна скриптам, запущенным на этой странице.

    Примечание: Это песочница работает как Веб-консоль. Однако, в отличие от веб-консоли, Черновик следует за вами из вкладки на вкладку; код, который вы запускаете в нем, всегда выполняется в текущей вкладке в переднем окне браузера. Это может, например, быть использовано для выполнения одинаковых тестов на нескольких серверах.

    Использование Черновика для доступа к внутренностям Firefox

    Если вы работаете над самим Firefox, или разрабатываете его дополнения, вы можете найти полезной  возможность получить доступ ко всем внутренностям браузера с помощью Черновика. Чтобы сделать это, вам нужно установить опцию devtools.chrome.enabled в true, используя about:config. После того как вы сделаете это, меню Environment получит опцию Browser; как только она будет выбрана, вашей областью видимости станет весь браузер, а не просто содержание страницы.

    .

    Совет: Если вы используете Черновик в контексте браузера, используйте переменную content, чтобы получить доступ к окну активной вкладки.

    Сочетания клавиш

      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 (new in Firefox 32) Ctrl + Space Ctrl + Space Ctrl + Space
    Show inline documentation (Firefox 32 only) Shift + Space Shift + Space Shift + Space
    Show inline documentation (Firefox 33 onwards) 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.

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

    Метки документа и участники

    Contributors to this page: Nuclear, makorzh
    Обновлялась последний раз: makorzh,