Skip to main content

Test Mobile Version

Browser Dev Tools: Quick but Imperfect​

For a quick first impression of the mobile version, you can use your browser's dev tools to emulate a mobile device. However, keep in mind that this method doesn't perfectly simulate a real mobile device experience.

iOS Simulator: Better Testing on MacBook​

The best way to test the mobile version is to use a real mobile device or a close simulator. On your MacBook, you can use the iOS simulator for more accurate testing. Here's how to set it up:

  1. Install Xcode and the iOS simulator.
  2. Open Safari and click Develop in the toolbar.
  3. Select "Enter Responsive Design Mode".
  4. Choose "Open in Simulator" and select an iOS device to run the app on.

Important Considerations​

When testing with the iOS simulator, keep these crucial points in mind:

Scrolling Behavior​

Important: You cannot use normal scrolling in the simulator. Instead, use your mouse to scroll as you would with your finger on a real mobile device.

Input Field Zoom​

Note: By default, the simulator will zoom in on input fields. After finishing typing, you need to zoom out by holding the option key and clicking on the screen, which simulates pinching with two fingers.