Can Dreamweaver show a list of variables, functions, class?

Question

Is there a window in Dreamweaver that shows all variables and functions defined in the current document?

Answer 1

When you right click on the current document, you will see Functions context menu which contains the methods used.

Answer 2

Another trick is to edit the toolbars xml file and uncomment the code nav button.

This gives you a toolbar button you can click to list the methods, rather than right clicking and selecting functions from the context menu.

Still not as good as a permanently visible pane, but one less click than the right click > functions context menu.

Open this file:

C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS5\configuration\Toolbars\toolbars.xml

Uncomment this block:

<menubutton id="DW_CodeNav"
    image="Toolbars/images/MM/codenav.png"
    MMString:tooltip="DW_CodeNav/menubutton/tooltip"
    enabled="dw.getFocus() == 'textView' || dw.getFocus() == 'html'"
    menuID="DWCodeNavPopup"
    update="onViewChange"/>

Restart Dreamweaver for the changes to be applied.

Code Nav icon "{}" appears at the end of the Document toolbar. The toolbar with (code|split|design).

Answer 3

No, Dreamweaver, at least through CS5, does not have a window that lists variables and functions in the document. The CS5 code hinting engine is pretty good, so it should at least allow you to quickly type your code, but if you need a list outside of the document itself, there is no such thing.

There used to be an extension that would list functions defined in the page in a floating panel, Interakt's MX Code Pack, but it is no longer available as Interakt was acquired by Adobe, and their products subsequently "retired": MX Coder Pack

Answer 4

This is an old topic but I thought I would update it since I submitted a feature request to Adobe to implement an "outline view" which would address OP's original question. The feature would list functions inside of a page similar to how other IDE tools like Eclipse do it. Dreamweaver currently does this for JavaScript functions only but this feature request would enable it for other types of pages as well (cfml, php, asp) and also let you see the DOM outline for any page.

Feel free to submit your request to Adobe here: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform&loc=en

Be sure to reference enhancement request #3812052. If enough people ask for this feature, perhaps Adobe will listen.

Answer 5

I have no sulution for the variables, but for functions I use a little trick:

I do a search (ctrl+f) for the string "function " and the press "find all" this'll show the result window with all lines with "function "in it. Double clicking a line in the result window will take your to the appropriate function.

You can make something with regular expression where you search for function ({some chars}){ to be absolutely certain to only get function declarations.

You can then save this query and load it as needed.