ブラウザーのデバッグコンソールを使用して Service Portal の低速ウィジェットを特定する - Support and Troubleshooting

ブラウザーのデバッグコンソールを使用して Service Portal の低速ウィジェットを特定する Issue .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: ; } }  Service Portal ページの低速ウィジェットを修正するには、ブラウザー内のデバッグコンソールを使用して、遅延の原因となっているウィジェットを特定し、速度向上のためにクエリを最適化できるかどうかを確認します。

Release .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: ; } }

Resolution .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. Service Portal を開きます。http:// .service-now.com/sp

2. ページに読み込まれるウィジェットを確認します。

3. ブラウザー内のデバッグコンソールを開きます。

Firefox：[ツール] > [Web 開発者] > [ブラウザーコンソール] > [console]（サブタブ） Chrome：[表示] > [デベロッパー] > [デベロッパーツール] > [console]（サブタブ）

4. Control キーを押しながら、各ウィジェットのヘッダーを選択します。ポップアウトメニューの上部にタイミング情報が表示されます。Current Status generated in : 0.004

この操作は Service Portal の各ウィジェットに対して実行できます。ウィジェットのより詳細な情報を取得するには、以下の手順を実行します。 最後のオプション [Log to console: $scope] を選択します。

2. ブラウザーコンソールにウィジェットオブジェクトが表示されます。

3.ウィジェットインスタンス内で [Object] ブランチを展開します。

4. [_server_time] を確認します。これがそのウィジェットのタイミング情報です。

5. すべてのコンソール情報を消去するには、ブラウザーコンソール内のゴミ箱アイコンを選択します。必要に応じて別のウィジェットを選択します。

各ウィジェットに対して必要に応じてこのプロセスを繰り返し、その Service Portal ページ上で低速のウィジェットを特定してください。