---
title: WindowClient.navigate()
slug: Web/API/WindowClient/navigate
tags:
  - API
  - Method
  - Navigate
  - Reference
  - Service Workers
  - WindowClient
translation_of: Web/API/WindowClient/navigate
---
<p>{{APIRef("Service Workers API")}}</p>

<p><span class="seoSummary">{{domxref("WindowClient")}} インターフェイスの <strong><code>navigate()</code></strong> メソッドは、指定された URL を制御されたクライアントのページに読み込んでから、既存の {{domxref("WindowClient")}} に解決される {{jsxref("Promise")}} を返します。</span></p>

<h2 id="Syntax" name="Syntax">構文</h2>

<pre class="syntaxbox"><em>windowClient</em>.navigate(<em>url</em>).then(function(<em>windowClient</em>) {
  // ナビゲーション後に WindowClient で何かを行います
});</pre>

<h3 id="Parameters" name="Parameters">パラメーター</h3>

<dl>
 <dt><code>url</code></dt>
 <dd>ナビゲートする場所。</dd>
</dl>

<h3 id="Return_value" name="Return_value">戻り値</h3>

<p>既存の {{domxref("WindowClient")}} に解決される {{jsxref("Promise")}}。</p>

<h2 id="Specifications" name="Specifications">仕様</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">仕様</th>
   <th scope="col">状態</th>
   <th scope="col">コメント</th>
  </tr>
  <tr>
   <td>{{SpecName('Service Workers', '#dom-windowclient-navigate', 'navigate()')}}</td>
   <td>{{Spec2('Service Workers')}}</td>
   <td>初期定義</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>

<div>


<p>{{Compat("api.WindowClient.navigate")}}</p>
</div>