<h1>概要</h1>
<p><a href="https://playwright.dev/docs/api/class-page#page-evaluate">page.evaluate</a>と<a href="https://playwright.dev/docs/api/class-page#page-evaluate-handle">page.evaluateHandle</a>は。Playwright のランタイムからでは参照できない<a href="https://developer.mozilla.org/ja/docs/Web/API/Window">window</a>や<a href="https://developer.mozilla.org/ja/docs/Web/API/Document">document</a>を参照したりする場合に使う。</p>
<h2>evaluate とは</h2>
<p><code>page.evaluate</code>はブラウザのコンテキストを参照するための API である。</p>
<h2>evaluateHandle との違い</h2>
<p><a href="https://playwright.dev/docs/api/class-page#page-evaluate-handle:~:text=The%20only%20difference%20between%20page.evaluate()%20and%20page.evaluateHandle()%20is%20that%20page.evaluateHandle()%20returns%20JSHandle.">ドキュメントにも記載の通り</a>、<code>page.evaluate</code>と<code>page.evaluateHandle</code>との違いは<a href="https://playwright.dev/docs/api/class-jshandle">JSHandle</a>を返却するかどうかである。</p>
<h2>使い分け</h2>
<p><code>JSHandle</code>の使いどきがわかっていないので、今の所使い分けがわからない。
ブラウザのコンテキストを参照したいだけなら、<a href="https://playwright.dev/docs/api/class-jshandle#js-handle-evaluate">JSHandle.evaluate</a>ではなく<code>page.evaluate</code>を使えば良いかなという所感ではある。</p>


PlaywrightのevaluateとevaluateHandleの使い方

概要

evaluate とは

evaluateHandle との違い

使い分け