Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>GameTegra EmulatorNew to Visual Studio Code? Get it now.
GameTegra Emulator

GameTegra Emulator

AppRoom

| (0) | Free
Mobile device preview for web experiences inside VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

GameTegra Emulator

GameTegra Emulator is a VS Code extension that renders web content inside a phone-like frame with device presets, rotation, scaling, and a lightweight toolbelt. It is designed for mobile web games and web apps.

Usage

  1. Run the command Mobile Preview: Open.
  2. Click Auto to detect running dev server, or paste a URL (supports localhost), or switch to Workspace and pick an HTML file.
  3. Choose a device preset, rotate, and fit/scale as needed.

Features

  • Auto Port Detection: Automatically detects dev servers running on common ports (3000-3003, 4000-4200, 5000-5174, 8000-8888, 9000-9001, 10000)
  • Device Presets: iPhone, Pixel, Galaxy, and custom sizes
  • Touch Emulation: Full touch support for localhost and workspace files
  • Screenshot: Capture mobile preview screenshots
  • Responsive: Auto-scales to fit extension panel

Notes and limitations

  • This is a high-fidelity mobile preview for web content with full touch support.
  • Touch emulation works for all content including cross-origin sites.
  • Screenshots work best for workspace HTML or same-origin content.
  • If a site refuses to load in an iframe (because of X-Frame-Options), open it in the browser or serve the project locally.
  • Vue and html2canvas are loaded from local files in media/vendor for offline use.
  • The CSP enables unsafe-eval for Vue template compilation.

Customization ideas

  • Add more device presets in media/app.js.
  • Change the visual skin in media/style.css.
  • Add more toolbar actions in media/app.js.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft