ScrathPad почти идеальный js редактор

Здесь видео и ссылки на документацию. Мне не удалось найти автодополнение и контекстную справку для jQuery. На данный момент для справки jQuery я использую консоль Firebug. Именно Firebug, а не встроенные инструменты 'Web Developer'

Scratchpad provides an environment for experimenting with JavaScript code. You can write, run, and examine the results of code that interacts with the web page.
Unlike the Web Console, which is designed for interpreting a single line of code at a time, Scratchpad lets you edit larger chunks of JavaScript code, then execute it in various ways depending on how you want to use the output.

Read–eval–print loop A read–eval–print loop (REPL), also known as an interactive toplevel or language shell, is a simple, interactive computer programming environment that takes single user inputs (i.e. single expressions), evaluates them, and returns the result to the user; a program written in a REPL environment is executed piecewise.
PageQuery
JavaScript
Tern is a stand-alone code-analysis engine for JavaScript. It is intended to be used with a code editor plugin to enhance the editor's support for intelligent JavaScript editing.

From Firefox 32 onwards Scratchpad integrates the tern code analysis engine¶

To list autocomplete suggestions, press Control + Space. To show the popup, press Shift + Space in Firefox 32 or Ctrl + Shift + Space in Firefox 33+.

Running Scratchpad in the browser context¶

Сначала нужно включить в Tools -> Web Developer -> Developer Toolbar Потом нажать на кнопку с гаечным ключом (Toggle developer tools), а в открывшемся фрейме нажать на кнопку с шестеренкой... а уже там найти "Enable chrome and add-on debugging"

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:

In []:

window
/*
[object ChromeWindow]
*/

gBrowser
/*
[object XULElement]
*/

Можно не использовать графический интерфейс, а просто изменить параметр devtools.chrome.enabled* на True**.

In []:

# Открываем 
about:config
# Набираем в строке фильтра    
devtools.chrome.enabled

и кликаем по строчке, чтобы установилось значение True. После этого перезагружаем Scratchpad. После загрузки в строке главного меню появляется пункт "Environment". Входим и переключаемся в контекст Browser. После этого у меня строчка (вроде бы как) выполняется без ошибок, но цвет в адресной строке браузера не меняется

In []:

document.getElementById('urlbar').style.backgrounColor='red';
/*
[object ChromeWindow]
*/

Tern is a stand-alone code-analysis engine for JavaScript¶

In []:

It is intended to be used with a code editor plugin to enhance the editor's support for intelligent JavaScript editing. 
Features provided are:

    Autocompletion on variables and properties
    Function argument hints
    Querying the type of an expression
    Finding the definition of something
    Automatic refactoring 

Tern is open-source (MIT license), written in JavaScript, and capable of running both on node.js and in the browser.

Между делом установил плагин, который надо попробовать как альтернативу.¶

PageQuery¶

A simple Mozilla Firefox extension to Execute a jQuery/Javascript snippet on a web page on demand and show the response.

Configure the web page URL and Code snippet in Addons > Extensions > PageQuery > Options after installation.

Once configured, click the PageQuery button from toolbar to execute the snippet.

Use case: Watch a particular text on a web page for changes [In my case check if cyan update released for Lumia 1020 in Finland on Nokia support site]

Посты чуть ниже также могут вас заинтересовать