Touch Screen Emulation
Developing iterative touch screen projects can be time consuming if updates are reviewed on the touch screen. However, the Dev Tools feature within the Chrome® web browser allows developers to emulate mobile devices, which can be leveraged to provide accurate review of your project layout and rendering on your workstation.
For information on how to configure Chrome, refer to https://developers.google.com/web/tools/chrome-devtools/device-mode/#custom.
NOTE: To ensure that the emulation is functioning correctly, refresh the Chrome web browser after entering emulation mode.
TSW-60 Series Emulations
Use the settings provided below to emulate screen rendering of a TSW-60 series device.
| Device Name | Width | Height | Device Pixel Ratio | Device Type |
|---|---|---|---|---|
| TSW-1060(-NC) | 1280 pixels | 800 pixels | 1 | Mobile |
| TSW-760(-NC) | 1261 pixels | 739 pixels | 0.8125 | Mobile |
| TSW-560(-NC) | 640 pixels | 363 pixels | 1.5 | Mobile |
| TSW-560P | 363 pixels | 640 pixels | 1.5 | Mobile |
TSW-70 and TS-70 Series Emulations
Use the settings provided below to emulate screen rendering of a TSW-70 or TS‑70 series device.
| Device Name | Width | Height | Device Pixel Ratio | Device Type |
|---|---|---|---|---|
| TSW-1070(-GV), TS‑1070(-GV) |
1280 pixels | 800 pixels | 1.5 | Mobile |
| TSW-770(-GV), TS-770(-GV) |
1280 pixels | 800 pixels | 1 | Mobile |
| TSW-570 | 640 pixels | 360 pixels | 2 | Mobile |
| TSW-570P | 360 pixels | 640 pixels | 2 | Mobile |
TSW-80 and TS-80 Series Emulations
Use the settings provided below to emulate screen rendering of a TSW-80 or TS‑80 series device.
| Device Name | Width | Height | Device Pixel Ratio | Device Type |
|---|---|---|---|---|
| TSW-1080(-GV), TS‑1080(-GV) |
1280 pixels | 800 pixels | 1.5 | Mobile |
| TSW-880(-GV), TS-880(-GV) |
1280 pixels | 800 pixels | 1 | Mobile |