Update index.html

index.html

@@ -10,6 +10,8 @@
     <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.2/dist/confetti.browser.min.js"></script>
     <!-- 載入 QR Code 產生器 -->
     <script src="https://cdn.jsdelivr.net/npm/qrcode-generator/qrcode.js"></script>
+    <!-- 【已新增】載入 Pako 壓縮函式庫 -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/pako/2.1.0/pako.min.js"></script>
     <style>
         /* 定義閃卡的翻轉效果 */
         .flip-container {
@@ -1308,8 +1310,11 @@
                 generateLinkBtn.disabled = true;
                 
                  try {
+                    // 【已修改】使用 pako 壓縮資料
                     const wordsString = JSON.stringify(words);
-                    const base64Words = btoa(unescape(encodeURIComponent(wordsString))); 
+                    const compressedData = pako.deflate(wordsString);
+                    const base64Words = btoa(String.fromCharCode.apply(null, compressedData));
+                    
                     const start = startRangeInput.value || '';
                     const end = endRangeInput.value || '';
                     const isLocked = lockSettingsCheckbox.checked;
@@ -1435,8 +1440,12 @@
 
                 if (sharedData) {
                     try {
-                        const decodedWordsString = decodeURIComponent(escape(atob(sharedData)));
+                        // 【已修改】使用 pako 解壓縮資料
+                        const binaryString = atob(sharedData);
+                        const compressedData = new Uint8Array(binaryString.length).map((_, i) => binaryString.charCodeAt(i));
+                        const decodedWordsString = pako.inflate(compressedData, { to: 'string' });
                         const sharedWords = JSON.parse(decodedWordsString);
+
                         if (Array.isArray(sharedWords) && sharedWords.length > 0) {
                             words = sharedWords.map(word => ({ ...word, proficiency: 0, incorrectCount: 0 }));
                             saveWordsToStorage();
@@ -1521,4 +1530,3 @@
 </body>
 </html>
 
-