Update 2.html

2.html

@@ -89,14 +89,17 @@
   </li>
 </ol>
 <script>
+let pipWindow = null; // PiPウィンドウを保存する変数
+
 document.addEventListener('visibilitychange', async () => {
   if (document.visibilityState === 'hidden') {
+    // タブから離れたとき
     if ('documentPictureInPicture' in window) {
       try {
-        const pipWindow = await documentPictureInPicture.requestWindow();
+        pipWindow = await documentPictureInPicture.requestWindow();
         pipWindow.document.body.innerHTML = document.body.innerHTML;
 
-        // 必要に応じてスタイルもコピー
+        // スタイルもコピーする
         const styles = document.querySelectorAll('style, link[rel="stylesheet"]');
         styles.forEach(style => {
           pipWindow.document.head.appendChild(style.cloneNode(true));
@@ -105,12 +108,17 @@ document.addEventListener('visibilitychange', async () => {
       } catch (error) {
         console.error('PiPウィンドウ起動エラー:', error);
       }
-    } else {
-      console.warn('documentPictureInPictureがサポートされていません');
+    }
+  } else if (document.visibilityState === 'visible') {
+    // タブに戻ったとき
+    if (pipWindow && !pipWindow.closed) {
+      pipWindow.close();
+      pipWindow = null;
     }
   }
 });
 </script>
 
+
 </body>
 </html>