HTML 開発者ツール
Last modified: August 13, 2021
Alteryx HTML GUI SDK ツールインターフェイスは、Chromium Embedded Framework (CEF) を使用します。CEF は、他のアプリケーションに Chromium ベースのブラウザを埋め込むためのフレームワークです。Chrome 開発者ツールを使用して、ツールのインターフェースをデバッグできます。
Chrome 開発者ツールを有効にするには、次の手順を実行します。
Designer バージョン 2021.1 以降
- Alteyx Designer を開き、メインメニュー にアクセスします。
- オプション > 詳細オプション > HTML 開発者ツールを表示 を選択します。
Alteryx HTML 開発者ツール ウィンドウは、Chromium Embedded Framework を使用するツールまたはウィンドウを選択すると自動的に開きます。
2021.1 より前の Designer バージョン
以前のバージョンでは、開発者ツールを有効にするプロセスには追加手順が必要です。Chrome 開発者ツールを有効にするには...
- コマンドプロンプトに regedit.exe と入力するか、開始メニューから検索してレジストリエディターを開きます。
- HKEY_CURRENT_USER\Software\SRC\Alteryxを閲覧します。
- フォルダを右クリックして新規を指定し、キー を選択します。
- DebugGui と入力します。
- 既定値を右クリックし、修正 を選択します。
- 値データに 1 を入力し、OK を選択します。
- Alteryx Designer を再起動します。
- Designer メインメニュー で デバッグ を選択し、CEF 開発者ツールを表示 を選択します。
Alteryx CEF DevTools ウィンドウは、Chromium Embedded Framework を使用するツールまたはウィンドウを選択すると自動的に開きます。
このレジストリキーを追加すると、ポート 9222 のリモートデバッグが可能になり、CEF または Chrome ブラウザウィンドウから CEF をデバッグできます。CEF にリモートでアクセスするには、デバッグポート番号を指定した localhost URL (http://localhost:9222) にアクセスします。
ポート 9222 が有効になると、一時 AlteryxEngine ファイル DevToolsActivePort が作成されます。このファイルは、Chrome および CEF で使用し、使用中の開発者ツールのインスタンス数を追跡します。