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"
(5 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | ==Ajax Tools 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 == | |
− | + | ||
− | + | ||
− | + | {| | |
| | | | | | ||
[[Image:runInMoz.jpg]] | [[Image:runInMoz.jpg]] | ||
Run your web application in the Embedded Mozilla browser. [[ATF/Help/Tasks/Launch/Launch|more...]] | Run your web application in the Embedded Mozilla browser. [[ATF/Help/Tasks/Launch/Launch|more...]] | ||
− | |||
| | | | | | ||
[[Image:debugInMoz.jpg]] | [[Image:debugInMoz.jpg]] | ||
Line 23: | Line 32: | ||
The Embedded Mozilla is a fully functional browser with tighter integration with Eclipse. [[ATF/Help/Tools/MozBrowser|more...]] | The Embedded Mozilla is a fully functional browser with tighter integration with Eclipse. [[ATF/Help/Tools/MozBrowser|more...]] | ||
+ | |- | ||
| | | | | | ||
[[Image:openBrowser.jpg]] | [[Image:openBrowser.jpg]] | ||
Open the Embedded Mozilla by using the toolbar action available in the Mozilla Perspective. [[ATF/Help/Tools/MozBrowser|more...]] | Open the Embedded Mozilla by using the toolbar action available in the Mozilla Perspective. [[ATF/Help/Tools/MozBrowser|more...]] | ||
− | |||
| | | | | | ||
[[Image:domInspectorTree.jpg]] | [[Image:domInspectorTree.jpg]] | ||
Line 36: | Line 45: | ||
Discovered where a DOM element in the DOM tree is rendered in the browser. [[ATF/Help/Tools/DomInspect|more...]] | Discovered where a DOM element in the DOM tree is rendered in the browser. [[ATF/Help/Tools/DomInspect|more...]] | ||
+ | |- | ||
| | | | | | ||
[[Image:domInspectorAttributes.jpg]] | [[Image:domInspectorAttributes.jpg]] | ||
Modify the attributes of the selected DOM element and immediately see the effects in the browser. [[ATF/Help/Tools/DomInspect|more...]] | Modify the attributes of the selected DOM element and immediately see the effects in the browser. [[ATF/Help/Tools/DomInspect|more...]] | ||
− | |||
| | | | | | ||
[[Image:browserSelection.jpg]] | [[Image:browserSelection.jpg]] | ||
Line 49: | Line 58: | ||
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...]] | 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...]] | ||
+ | |- | ||
| | | | | | ||
[[Image:jsEval.jpg]] | [[Image:jsEval.jpg]] | ||
Evaluate JavaScript expressions on the page and interactively inspect the results. [[ATF/Help/Tools/JSEval|more...]] | Evaluate JavaScript expressions on the page and interactively inspect the results. [[ATF/Help/Tools/JSEval|more...]] | ||
− | |||
| | | | | | ||
[[Image:xhrMonList.jpg]] | [[Image:xhrMonList.jpg]] | ||
Line 62: | Line 71: | ||
Look at the response and request details for each AJAX call.[[ATF/Help/Tools/XHRMon|more...]]) | Look at the response and request details for each AJAX call.[[ATF/Help/Tools/XHRMon|more...]]) | ||
+ | |- | ||
| | | | | | ||
[[Image:cssViewRules.jpg]] | [[Image:cssViewRules.jpg]] | ||
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...]] | 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...]] | ||
− | |||
| | | | | | ||
[[Image:cssViewEdit.jpg]] | [[Image:cssViewEdit.jpg]] | ||
Line 75: | Line 84: | ||
Track all the CSS changes made to later apply them to your application. [[ATF/Help/Tools/CSSView|more...]]) | Track all the CSS changes made to later apply them to your application. [[ATF/Help/Tools/CSSView|more...]]) | ||
+ | |- | ||
| | | | | | ||
[[Image:domSource.jpg]] | [[Image:domSource.jpg]] | ||
See source text of the selected DOM element and its descendants and use it to navigate the document. [[ATF/Help/Tools/DOMSource|more...]] | See source text of the selected DOM element and its descendants and use it to navigate the document. [[ATF/Help/Tools/DOMSource|more...]] | ||
− | |||
| | | | | | ||
[[Image:domSourceEdit.jpg]] | [[Image:domSourceEdit.jpg]] | ||
Line 88: | Line 97: | ||
Set breakpoint markers on files located in projects as well as remotely located files for debugging JavaScript. [[ATF/Help/Tools/JSDebug|more...]] | Set breakpoint markers on files located in projects as well as remotely located files for debugging JavaScript. [[ATF/Help/Tools/JSDebug|more...]] | ||
+ | |- | ||
| | | | | | ||
[[Image:debuggerTriggerBreakpoint.jpg]] | [[Image:debuggerTriggerBreakpoint.jpg]] | ||
When the JavaScript Debugger is running, interact with the application in the Embedded Mozilla to trigger a breakpoint. [[ATF/Help/Tools/JSDebug|more...]] | When the JavaScript Debugger is running, interact with the application in the Embedded Mozilla to trigger a breakpoint. [[ATF/Help/Tools/JSDebug|more...]] | ||
− | + | ||
| | | | | | ||
[[Image:debuggerCallStack.jpg]] | [[Image:debuggerCallStack.jpg]] | ||
Line 101: | Line 111: | ||
Inspect the variables in scope at each level of the call stack in the Variables view. [[ATF/Help/Tools/JSDebug|more...]] | Inspect the variables in scope at each level of the call stack in the Variables view. [[ATF/Help/Tools/JSDebug|more...]] | ||
+ | |- | ||
| | | | | | ||
[[Image:debuggerBreakpoints.jpg]] | [[Image:debuggerBreakpoints.jpg]] | ||
See all the breakpoints that the JavaScript Debugger is observing in the Breakpoints view. [[ATF/Help/Tools/JSDebug|more...]] | See all the breakpoints that the JavaScript Debugger is observing in the Breakpoints view. [[ATF/Help/Tools/JSDebug|more...]] | ||
− | + | ||
| | | | | | ||
[[Image:scriptView.jpg]] | [[Image:scriptView.jpg]] | ||
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...]] | 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...]] | ||
− | |||
− | |||
|} | |} | ||
+ | |||
+ | [[Category:Draft Documentation]] |
Latest revision as of 04:56, 9 November 2009
Ajax Tools Framework Help Contents
- Overview
- Tools
- Tasks
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... |