# Debugging

Debugging a FormIt plugin requires different procedures depending on the engine you are debugging. (For more information on engines check the [previous section](https://windows.help.formit.autodesk.com/plugins/how-to-develop-plugins/advanced-development/client-side-vs-web-side-engines))

### **Client-Side (FormIt) Debugging**

To debug in FormIt-side code, which applies to both toolbar- and panel-based plugins, you can add a line in the code to pop the desktop application's built-in JS debugger:

`debugger`

![](https://193854745-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWdttpiARClwDWoDArlA%2Fuploads%2Fgit-blob-d57e54370f613b3ef6b1376521b5fb2815b49688%2Fdebugger.gif?alt=media)

### **Web-Side (HTML) Debugging**

Panel-based FormIt plugins offer HTML-based UI debugging, since the panels are fundamentally HTML websites with styling and scripts.

To debug HTML-side code for plugins built into a panel, including scripts and styling:

* **FormIt for Windows 2021.1 and newer**
  * Right-click on the plugin HTML page and click "Debug" to display the application's built-in HTML debugger.

![](https://193854745-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWdttpiARClwDWoDArlA%2Fuploads%2Fgit-blob-1076c7c306552cb943cff2e026c2c89297ba2a00%2Fdebugpanelplugin.gif?alt=media)

* **FormIt for Web**
  * Use shortcut F12, or Ctrl + Shift+ I, to pull up the browser's HTML debugger.

![](https://193854745-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVWdttpiARClwDWoDArlA%2Fuploads%2Fgit-blob-d7461b79388cbbbeab1933747894e89c500e8ab8%2Fdebugonweb.gif?alt=media)