Using the Microchip Graphics Suite (MGS) Simulator in Web Mode
Introduction
This guide is tailored to help you navigate and utilize the web-based features of the Microchip Graphics Suite (MGS) Simulator. Web Mode allows you to access the simulator’s powerful graphics development and testing tools directly from your web browser, eliminating the need for local software installation and enabling remote collaboration.
Web Mode is particularly useful for collaborative work, demonstrations, or when users need to access the simulator from different devices without installing software locally.
Prerequisites
Before you begin, you must be able to generate an MGS Simulator project in VS Code®. If not, please refer to the "Using the Microchip Graphics Suite (MGS) Simulator for VS Code" guide.
Using the Web Mode
To build the Graphical User Interface (GUI) application as HTML, click the arrow 
on the MGS Simulator tab and select Build (Web). The Project Details should show Web.
Click the Build 
button to build and generate the HTML file. Once done, the generated output HTML file will be automatically opened in VS Code. The HTML is interactive, so touch input can be simulated using the mouse.
Here is an example web simulator output for the MGS Quickstart application. The location of the output HTML file is listed in the TERMINAL pane.
Clicking the Quickstart button will switch screens just like in the embedded version.
Using the Console
The Web Simulator supports standard output through a console interface. This is useful for basic debugging or instrumentation in Web Mode.
To enable the console, check the Console 
option for the MGS Simulator component in MPLAB® Code Configurator (MCC) and regenerate the project.
Refresh 
the project in the MGS Simulator Extension and click the Build button to rebuild the HTML file.
In the HTML Preview pane, click the Console 
button. The printfs and other standard output will be shown in an overlay window.
