Tablet Screen Testing (Browser Apps)

Google Chrome has a built in utility to simulate browser display and behavior on different devices. Here are the steps to access the simulator:
  1. Load page in Google Chrome
  2. Right-click on the page and choose "Inspect" to load the DevTools screen
  3. Click the 2nd icon on the toolbar in the DevTools screen to toggle between normal and mobile simulation mode
  4. Move the DevTools screen to the side (it needs to remain open, closing will return to normal mode)
  5. When in mobile simulation mode, a drop-down menu of devices will appear on the toolbar above the screen (next to "Dimensions"). An edit option will allow you to add new devices to the list
  6. The icon on the right of the toolbar will rotate the screen from portrait to landscape (set to landscape)