Office on the web でアドインをデバッグする

この記事では、Office on the webを使用してアドインをデバッグする方法について説明します。次の手法を使用します。

Windows または Office デスクトップクライアントを実行していないコンピューターでアドインをデバッグするには (Mac や Linux で開発している場合など)。
Visual Studio や Visual Studio Code などの IDE でデバッグできない場合、または必要としない場合は、別のデバッグプロセスとして使用します。

この記事では、デバッグする必要があるアドインプロジェクトがあることを前提としています。 Web でのデバッグを練習するだけの場合は、特定の Office アプリケーションのクイックスタートのいずれかを使用して新しいプロジェクトを作成します (このWordのクイックスタートなど)。

アドインのデバッグ

Word on the web を使用してアドインをデバッグするには:

localhost でプロジェクトを実行し、Office on the webのドキュメントにサイドロードします。サイドローディングの詳細な手順については、「 Web 上の Office アドインを手動でサイドロードする」を参照してください。
ブラウザーの開発者ツールを開きます。これは通常、F12 キーを押すことによって行われます。デバッガーツールを開き、それを使用してブレークポイントとwatch変数を設定します。ブラウザーのツールの使用に関する詳細なヘルプについては、次のいずれかを参照してください。
注:
- Office on the webはインターネットエクスプローラーで開きません。
- 新しい Outlook on Window デスクトップクライアント (プレビュー) では、Microsoft Edge 開発者ツールにアクセスするためのコンテキストメニューやキーボードショートカットはサポートされていません。代わりに、コマンドプロンプトから olk.exe --devtools を実行する必要があります。詳細については、「新しい Outlook on Windows 用 Outlook アドインを開発する」の「アドインをデバッグする」セクションを参照してください。

デバッグ時に発生する可能性のあるいくつかの問題を次に示します。

表示される JavaScript エラーのいくつかは Office on the web に起因している可能性があります。
ブラウザーに、バイパスする必要がある無効な証明書エラーが表示される場合があります。これを行うプロセスは、ブラウザおよびこの変更を定期的に行うさまざまなブラウザの UI によって異なります。詳細については、ブラウザーのヘルプを検索するか、オンラインで検索してください。 (たとえば、「Microsoft Edge の無効な証明書警告」を検索します。) ほとんどのブラウザーには、警告ページにリンクがあり、このリンクをクリックするとアドインページにアクセスされます。たとえば、Microsoft Edge には [Web ページに移動 (推奨されていません)] リンクがあります。ただし、通常は、アドインが再読み込みされるたびに、このリンクを通過する必要があります。継続的なバイパスについては、お勧めのヘルプを参照してください。
コードにブレークポイントを設定した場合、Office on the webは保存できないことを示すエラーをスローする可能性があります。