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"
(One intermediate revision by one other user not shown) | |||
Line 20: | Line 20: | ||
{| | {| | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
| | | | | | ||
[[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 41: | 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 54: | 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 67: | 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 80: | 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 93: | 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 106: | 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 119: | 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... |