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
- Run the command
GameTegra: Open Emulator. - Click Auto to detect running dev server, or paste a URL (supports
localhost), or switch to Workspace and pick an HTML file. - 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/vendorfor offline use. - The CSP enables
unsafe-evalfor 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.