# デバッグ

FormIt プラグインのデバッグに必要な操作方法は、デバッグするエンジンによって異なります。(エンジンの詳細については、[前のセクション](https://windows.help.formit.autodesk.com/ja/plugins/how-to-develop-plugins/advanced-development/client-side-vs-web-side-engines)を参照してください)

### **クライアント側(FormIt)のデバッグ**

ツールバーベースおよびパネルベースの両方のプラグインに適用する FormIt 側のコードでデバッグするには、コードに行を追加して、デスクトップ アプリケーションの組み込み JS デバッガを開きます。

`debugger`

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

### **Web 側(HTML)のデバッグ**

パネルは基本的にスタイル設定とスクリプトを持つ HTML の Web サイトであるため、パネルベースの FormIt プラグインには HTML ベースの UI デバッグが用意されています。

パネルに組み込まれ、スクリプトとスタイル設定があるプラグインの HTML 側コードをデバッグするには、次のように操作します。

* **FormIt for Windows 2021.1 以降**
  * プラグインの HTML ページを右クリックして\[Debug]をクリックし、アプリケーションの組み込み HTML デバッガを表示します。

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

* **FormIt for Web**
  * ブラウザの HTML デバッガを表示するには、ショートカットの\[F12]または\[Ctrl]+\[Shift]+\[I]を使用します。

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