Note
Use the device emulator to quickly identify and fix many defects, and then test your app on an actual device using the TEST tab. Some apps that run correctly in the emulator may encounter problems when run on an actual device. The processor on your host system is likely faster than the processor on an actual device, so performance problems are typically not seen in the emulator. The up-to-date web run-time used by the device emulator may implement features of HTML5 more correctly than the web run-time on the actual device, especially if that device has an old OS version.
After you choose your project and the .html file (such as the index.html entry point) in the Intel® XDK NEW (Intel XDK) DEVELOP tab, click the EMULATE tab to display the Device Emulator.
A visual representation of the selected virtual device appears in the center of the EMULATE tab. To the right and left of the device being tested are two columns of panels. Use the panels to configure your test environment by choosing a device, settings, and so on (your screen may differ slightly):
To select a different tab, click its button. For example, after debugging issues, click the DEVELOP tab's EDIT view to edit your source code. | |
The EMULATE tab's toolbar appears on the top row. It provides easy access to frequently used buttons and controls, which are described below. | |
The panels appear in two accordion-style columns, to the left and right of the virtual device. Use the panels to choose the Device, Settings, and other features. You can open (expand) and close each panel, hide and show, panels, and move each panel (see Customizing Device Emulator Appearance). | |
The virtual device under test appears in the center, based on the selected Device and its characteristics. You can use the slider in the toolbar to adjust the size of the virtual device. |
The EMULATE Toolbar
The EMULATE tab's toolbar appears on the top row:
Click This | To Do This |
|---|---|
| Reload the app for the device under test in the EMULATE tab. This action reload your app's source files and restarts the app. If you use a code editor external to the Intel XDK, you need to click this icon after editing your project files. If you use the code editor in the DEVELOP tab, you can use the |
| Launches the built-in debugger in a floating window (described in Debug and Edit). |
| Display settings for this tab. Use the When files change section to choose what the emulator should do after you modify your sources using the built-in editor and click the EMULATE tab. Choose one of the following for this section:
Use Set background color to select a background color beneath the panels and virtual device. Use the Clear JavaScript console on load checkbox to choose whether JavaScript* console messages in the debugger should be cleared each time the emulator loads/reloads your app. The emulator reloads/restarts your app when: you select a different project, change the selected device, click Click |
| Change (slide) the zoom percentage of the virtual device, and thus its size. Click the |
| When present, indicates that an update package for the Intel XDK is available. Click to start the download process. When download completes, click to start the installation. |
| Provide links to display the: Help Page, Intel XDK Quick Tour, user forums, and Intel XDK About page (applies to all tabs). |
| Log in or view your Intel XDK account name (applies to all tabs). For example, the TEST and BUILD tabs use your account. Once logged in, click once to display account name and the buttons below. Click
|
(settings) icon below to choose whether files are automatically reloaded.
button to automatically zoom the device to its maximum landscape orientation size (its color turns blue if clicked); click it again to unselect the automatic zoom.
.
.