ServiceNow におけるサーバーサイドおよびクライアントサイドスクリプトのデバッグSummary<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } ServiceNow には、サーバーサイドとクライアントサイドの両方のスクリプトデバッグのための組み込みツールが用意されています。この記事では、Script Debugger、ログ記録方法、Session Debug、Debug SQL、ブラウザー開発者ツール、および開発者と管理者が利用できる高度なデバッグオプションについて説明します。 Release<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } すべて Instructions<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } 1. サーバーサイドデバッグ ツールとテクニック Script Debugger System Diagnostics > Script Debugger に移動します。Business Rules または Script Includes にブレークポイントを設定します。スクリプトを実行し、変数、コールスタック、およびトランザクションの詳細を確認します。フロー制御ボタンを使用して、コードを 1 行ずつ実行します。 ログ記録 詳細なログを出力するために gs.log()、gs.info()、gs.warn()、および gs.error() を使用します。例: gs.info('Executing Script Include: MyCustomScript');gs.error('Error occurred: ' + errorMessage); Session Debug System Diagnostics > Session Debug に移動します。ユーザーセッションを記録します。ログを確認し、エラーや予期しない動作を調査します。 Debug SQL System Diagnostics > Debug > Debug SQL に移動します。これを使用して GlideRecord クエリを分析し、パフォーマンスのボトルネックを特定します。 一般的なガイドライン デバッグを行う前に問題を再現します。分かりやすくするために説明的なログメッセージを使用します。必要でない限り、ベースインスタンスのスクリプトは変更しないでください (アップグレードに影響するため)。スクリプトをテストする際は、ロールバックオプションを有効なままにしてください。 2.クライアントサイドデバッグ ツールとテクニック ブラウザー開発者ツール Chrome DevTools を開きます: CTRL + SHIFT + I または右クリック > Inspect。割り込みの多い alert() ポップアップの代わりに、jslog() メッセージの確認には Console タブを使用します。例: jslog('Debug message'); JavaScript Executor ショートカット: CTRL + SHIFT + J を使用して、クライアントサイドスクリプトを直接実行します。 Field Watcher と Response Time Indicator フィールドの変更とパフォーマンスメトリックを監視します。 Network タブ AJAX 呼び出しを調査し、非同期リクエストの実行詳細を分析します。 ベストプラクティス クライアントスクリプト内で debugger; ステートメントを使用して、ブレークポイントをシミュレートします。ユーザーエクスペリエンスを阻害するため、alert() の過度な使用は避けてください。実行時エラーの防止に役立てるため、送信前にデータを検証します。トラブルシューティングを容易にするために、スクリプトをモジュール化します。 3. 詳細デバッグオプション Session Debug ツール 他のユーザーに影響を与えることなく、セッション固有のデバッグを有効にします。UI の問題やフォームの読み込みが遅い問題の診断に役立ちます。 Next Experience Developer Tools 最新の UI コンポーネントのデバッグおよびページパフォーマンスのプロファイリングを行うための Chrome 拡張機能です。 サードパーティツール Xplore のようなツールは、拡張されたデバッグ機能とスクリプト実行機能を提供します。 Related Links<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } ServiceNow でのデバッグ:ツールとテクニック [linkedin.com]クライアント側スクリプトを効率的にデバッグする方法 [servicenow.com]ServiceNow [servicenow.com] でサーバー側コードをデバッグする方法