Difference between revisions of "ATF/Help"

Latest revision as of 04:56, 9 November 2009

Ajax Tools Framework Help Contents

Overview
Tools
Tasks
- Launching an AJAX Application
- Debugging an AJAX Application

Selected Features

Run your web application in the Embedded Mozilla browser. more...

Debug your web application in the Embedded Mozilla browser. more...

The Embedded Mozilla is a fully functional browser with tighter integration with Eclipse. more...

Open the Embedded Mozilla by using the toolbar action available in the Mozilla Perspective. more...

Use the DOM Inspector view to get a live snapshot of the document rendered in the browser. more...

Discovered where a DOM element in the DOM tree is rendered in the browser. more...

Modify the attributes of the selected DOM element and immediately see the effects in the browser. more...

Select elements to inspect by making a selection directly on the browser. more...

Use the Browser Console view to see error and warning messages logged by the browser. Click on a console entry to open the affected file in an Eclipse editor. more...

Evaluate JavaScript expressions on the page and interactively inspect the results. more...

See all the AJAX calls made by your application in the XHR (XML HTTP Request) Monitor view. more...

Look at the response and request details for each AJAX call.more...)

Inspect all the CSS rules and style properties that are applied to the selected DOM element in the CSS view. more...

Make changes to the values of style properties and previewed or permanently applied them to the browser. more...

Track all the CSS changes made to later apply them to your application. more...)

See source text of the selected DOM element and its descendants and use it to navigate the document. more...

Make text modifications in the DOM Source view and change the content displayed in the browser. more...

Set breakpoint markers on files located in projects as well as remotely located files for debugging JavaScript. more...

When the JavaScript Debugger is running, interact with the application in the Embedded Mozilla to trigger a breakpoint. more...

When the JavaScript Debugger encounters a breakpoint, interact with the current call stack using the Debug view. more...

Inspect the variables in scope at each level of the call stack in the Variables view. more...

See all the breakpoints that the JavaScript Debugger is observing in the Breakpoints view. more...

Use the Script View to list all the files that contain JavaScript in the application and add or remove breakpoints. more...

@@ Line 1: / Line 1: @@
-=AJAX Toolkit Framework=
+==Ajax Tools Framework Help Contents==
+* [[ATF/Help/Overview|Overview]]
+* Tools
+** [[ATF/Help/Tools/MozBrowser|Mozilla Browser]]
+** [[ATF/Help/Tools/DomInspect|DOM Inspector]]
+** [[ATF/Help/Tools/BrowserConsole|Browser Console]]
+** [[ATF/Help/Tools/XHRMon|Request Monitor]]
+** [[ATF/Help/Tools/JSEval|JavaScript view]]
+** [[ATF/Help/Tools/DOMSource|DOM Source]]
+** [[ATF/Help/Tools/CSSView|CSS]]
+** [[ATF/Help/Tools/DOMWatcher|DOM Watcher]]
+** [[ATF/Help/Tools/DOMCompare|DOM Compare]]
+** [[ATF/Help/Tools/JSDebug|JavaScript Debugger]]
+* Tasks
+** [[ATF/Help/Tasks/Launch/Launch|Launching an AJAX Application]]
+** [[ATF/Help/Tools/JSDebug|Debugging an AJAX Application]]
+== Selected Features ==
 {|
-| class="screenshot" |
+| |
-[tools/jseditor.html [[Image:jsValidation.jpg]]]<div>ATF will validate your JavaScript code as you type and as a project wide build step. It supports different notification levels.</div>
+[[Image:runInMoz.jpg]]
-| class="screenshot" |
-[tools/jseditor.html [[Image:jsValidationProblemsView.jpg]]]<div>JavaScript validation entries are reported in Eclipse’s Problems View. Select an entry to open the source file in and editor.</div>
+Run your web application in the Embedded Mozilla browser. [[ATF/Help/Tasks/Launch/Launch|more...]]
-| class="screenshot" |
+| |
-[tasks/launch/launch.html [[Image:runInMoz.jpg]]]<div>Run your web application in the Embedded Mozilla browser.</div>
+[[Image:debugInMoz.jpg]]
+Debug your web application in the Embedded Mozilla browser. [[ATF/Help/Tools/JSDebug|more...]]
+| |
+[[Image:browser.jpg]]
+The Embedded Mozilla is a fully functional browser with tighter integration with Eclipse. [[ATF/Help/Tools/MozBrowser|more...]]
 |-
-| class="screenshot" |
+| |
-[tools/jsdebug.html [[Image:debugInMoz.jpg]]]<div>Debug your web application in the Embedded Mozilla browser.</div>
+[[Image:openBrowser.jpg]]
-| class="screenshot" |
-[tools/mozbrowser.html [[Image:browser.jpg]]]<div>The Embedded Mozilla is a fully functional browser with tighter integration with Eclipse.</div>
+Open the Embedded Mozilla by using the toolbar action available in the Mozilla Perspective. [[ATF/Help/Tools/MozBrowser|more...]]
-| class="screenshot" |
+| |
-[tools/mozbrowser.html [[Image:openBrowser.jpg]]]<div>Open the Embedded Mozilla by using the toolbar action available in the Mozilla Perspective.</div>
+[[Image:domInspectorTree.jpg]]
+Use the DOM Inspector view to get a live snapshot of the document rendered in the browser. [[ATF/Help/Tools/DomInspect|more...]]
+| |
+[[Image:domInspectorSelection.jpg]]
+Discovered where a DOM element in the DOM tree is rendered in the browser. [[ATF/Help/Tools/DomInspect|more...]]
 |-
-| class="screenshot" |
+| |
-[tools/dominspect.html [[Image:domInspectorTree.jpg]]]<div>Use the DOM Inspector view to get a live snapshot of the document rendered in the browser.</div>
+[[Image:domInspectorAttributes.jpg]]
-| class="screenshot" |
-[tools/dominspect.html [[Image:domInspectorSelection.jpg]]]<div>Discovered where a DOM element in the DOM tree is rendered in the browser.</div>
+Modify the attributes of the selected DOM element and immediately see the effects in the browser. [[ATF/Help/Tools/DomInspect|more...]]
-| class="screenshot" |
+| |
-[tools/dominspect.html [[Image:domInspectorAttributes.jpg]]]<div>Modify the attributes of the selected DOM element and immediately see the effects in the browser.</div>
+[[Image:browserSelection.jpg]]
+Select elements to inspect by making a selection directly on the browser. [[ATF/Help/Tools/MozBrowser|more...]]
+| |
+[[Image:jsConsole.jpg]]
+Use the Browser Console view to see error and warning messages logged by the browser. Click on a console entry to open the affected file in an Eclipse editor. [[ATF/Help/Tools/BrowserConsole|more...]]
 |-
-| class="screenshot" |
+| |
-[tools/mozbrowser.html [[Image:browserSelection.jpg]]]<div>Select elements to inspect by making a selection directly on the browser.</div>
+[[Image:jsEval.jpg]]
-| class="screenshot" |
-[tools/browserconsole.html [[Image:jsConsole.jpg]]]<div>Use the Browser Console view to see error and warning messages logged by the browser. Click on a console entry to open the affected file in an Eclipse editor.</div>
+Evaluate JavaScript expressions on the page and interactively inspect the results. [[ATF/Help/Tools/JSEval|more...]]
-| class="screenshot" |
+| |
-[tools/jsEval.html [[Image:jsEval.jpg]]]<div>Evaluate JavaScript expressions on the page and interactively inspect the results.</div>
+[[Image:xhrMonList.jpg]]
+See all the AJAX calls made by your application in the XHR (XML HTTP Request) Monitor view. [[ATF/Help/Tools/XHRMon|more...]]
+| |
+[[Image:xhrMonDetails.jpg]]
+Look at the response and request details for each AJAX call.[[ATF/Help/Tools/XHRMon|more...]])
 |-
-| class="screenshot" |
+| |
-[tools/xhrmon.html [[Image:xhrMonList.jpg]]]<div>See all the AJAX calls made by your application in the XHR (XML HTTP Request) Monitor view.</div>
+[[Image:cssViewRules.jpg]]
-| class="screenshot" |
-[tools/xhrmon.html [[Image:xhrMonDetails.jpg]]]<div>Look at the response and request details for each AJAX call.</div>
+Inspect all the CSS rules and style properties that are applied to the selected DOM element in the CSS view. [[ATF/Help/Tools/CSSView|more...]]
-| class="screenshot" |
+| |
-[tools/cssview.html [[Image:cssViewRules.jpg]]]<div>Inspect all the CSS rules and style properties that are applied to the selected DOM element in the CSS view.</div>
+[[Image:cssViewEdit.jpg]]
+Make changes to the values of style properties and previewed or permanently applied them to the browser. [[ATF/Help/Tools/CSSView|more...]]
+| |
+[[Image:cssViewDiff.jpg]]
+Track all the CSS changes made to later apply them to your application. [[ATF/Help/Tools/CSSView|more...]])
 |-
-| class="screenshot" |
+| |
-[tools/cssview.html [[Image:cssViewEdit.jpg]]]<div>Make changes to the values of style properties and previewed or permanently applied them to the browser.</div>
+[[Image:domSource.jpg]]
-| class="screenshot" |
-[tools/cssview.html [[Image:cssViewDiff.jpg]]]<div>Track all the CSS changes made to later apply them to your application.</div>
+See source text of the selected DOM element and its descendants and use it to navigate the document. [[ATF/Help/Tools/DOMSource|more...]]
-| class="screenshot" |
+| |
-[tools/domsource.html [[Image:domSource.jpg]]]<div>See source text of the selected DOM element and its descendants and use it to navigate the document.</div>
+[[Image:domSourceEdit.jpg]]
+Make text modifications in the DOM Source view and change the content displayed in the browser. [[ATF/Help/Tools/CSSView|more...]]
+| |
+[[Image:debuggerSetBreakpoint.jpg]]
+Set breakpoint markers on files located in projects as well as remotely located files for debugging JavaScript. [[ATF/Help/Tools/JSDebug|more...]]
 |-
-| class="screenshot" |
+| |
-[tools/domsource.html [[Image:domSourceEdit.jpg]]]<div>Make text modifications in the DOM Source view and change the content displayed in the browser.</div>
+[[Image:debuggerTriggerBreakpoint.jpg]]
-| class="screenshot" |
-[tools/jsdebug.html [[Image:debuggerSetBreakpoint.jpg]]]<div>Set breakpoint markers on files located in projects as well as remotely located files for debugging JavaScript.</div>
+When the JavaScript Debugger is running, interact with the application in the Embedded Mozilla to trigger a breakpoint. [[ATF/Help/Tools/JSDebug|more...]]
-| class="screenshot" |
-[tools/jsdebug.html [[Image:debuggerTriggerBreakpoint.jpg]]]<div>When the JavaScript Debugger is running, interact with the application in the Embedded Mozilla to trigger a breakpoint.</div>
+| |
+[[Image:debuggerCallStack.jpg]]
+When the JavaScript Debugger encounters a breakpoint, interact with the current call stack using the Debug view. [[ATF/Help/Tools/JSDebug|more...]]
+| |
+[[Image:debuggerVariables.jpg]]
+Inspect the variables in scope at each level of the call stack in the Variables view. [[ATF/Help/Tools/JSDebug|more...]]
 |-
-| class="screenshot" |
+| |
-[tools/jsdebug.html [[Image:debuggerCallStack.jpg]]]<div>When the JavaScript Debugger encounters a breakpoint, interact with the current call stack using the Debug view.</div>
+[[Image:debuggerBreakpoints.jpg]]
-| class="screenshot" |
-[tools/jsdebug.html [[Image:debuggerVariables.jpg]]]<div>Inspect the variables in scope at each level of the call stack in the Variables view.</div>
+See all the breakpoints that the JavaScript Debugger is observing in the Breakpoints view. [[ATF/Help/Tools/JSDebug|more...]]
-| class="screenshot" |
-[tools/jsdebug.html [[Image:debuggerBreakpoints.jpg]]]<div>See all the breakpoints that the JavaScript Debugger is observing in the Breakpoints view.</div>
+| |
-|-
+[[Image:scriptView.jpg]]
-| class="screenshot" |
-[tools/jsdebug.html [[Image:scriptView.jpg]]]<div>Use the Script View to list all the files that contain JavaScript in the application and add or remove breakpoints.</div>
+Use the Script View to list all the files that contain JavaScript in the application and add or remove breakpoints. [[ATF/Help/Tools/JSDebug|more...]]
-| class="screenshot" |
-[javascript:void(0) [[Image:serverHTTP.jpg]]]<div>Use a simple HTTML Server configuration to automatically synchronize between your projects and the web server.</div>
-| class="screenshot" |
-[tasks/pbuilder/pboverview.html [[Image:personalityBuilder.jpg]]]<div>Use the Personality Builder to easily create tooling for other AJAX Toolkits and Libraries.</div>
 |}
+[[Category:Draft Documentation]]

Breadcrumbs

Notice: this Wiki will be going read only early in 2024 and edits will no longer be possible. Please see: https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/wikis/Wiki-shutdown-plan for the plan.

Difference between revisions of "ATF/Help"

Latest revision as of 04:56, 9 November 2009

Ajax Tools Framework Help Contents

Selected Features