┌─────────────────────────────────────────────────────────────┐
│                      PDF 預(yù)覽策略                            │
├─────────────────────────────────────────────────────────────┤
│  桌面端瀏覽器  →  PDF.js v5（最新特性）                         │
│  移動(dòng)端瀏覽器  →  PDF.js v3（兼容性好）                         │
│  Android App   →  android-pdf-viewer 組件（性能最優(yōu)）          │
└─────────────────────────────────────────────────────────────┘

┌──────────────────────────────────────────────────────────────────┐
│                          Vue2 前端                                │
│  ┌────────────────────────────────────────────────────────────┐  │
│  │                    PdfJsViewer 組件                         │  │
│  │  ┌─────────────┐  ┌─────────────┐  ┌──────────────────┐    │  │
│  │  │ PDF.js v5   │  │ PDF.js v3   │  │ Android Bridge   │    │  │
│  │  │   (桌面端)   │  │   (移動(dòng)端)   │  │ 	(原生預(yù)覽)      │    │  │
│  │  └─────────────┘  └─────────────┘  └──────────────────┘    │  │
│  └────────────────────────────────────────────────────────────┘  │
└──────────────────────────────────────────────────────────────────┘
                              │
                              │ JavaScript Bridge
                              ▼
┌──────────────────────────────────────────────────────────────────┐
│                       Android WebView                            │
│  ┌────────────────────────────────────────────────────────────┐  │
│  │                     WebActivity                            │  │
│  │  ┌───────────────────────┐  ┌───────────────────────────┐  │  │
│  │  │ @JavascriptInterface  │  │ android-pdf-viewer 插件    │  │  │
│  │  │ previewPdfByUrl       │  │ (全屏彈窗預(yù)覽)              │  │  │
│  │  └───────────────────────┘  └───────────────────────────┘  │  │
│  └────────────────────────────────────────────────────────────┘  │
└──────────────────────────────────────────────────────────────────┘

public/
├── pdfjs-v3/
│   ├── build/
│   │   ├── pdf.js
│   │   ├── pdf.worker.js
│   │   └── ...
│   └── web/
│       ├── viewer.html
│       ├── viewer.js
│       ├── viewer.css
│       ├── locale/
│       ├── images/
│       └── ...
├── pdfjs-v5/
│   ├── build/
│   │   ├── pdf.mjs
│   │   ├── pdf.worker.mjs
│   │   └── ...
│   └── web/
│       ├── viewer.html
│       ├── viewer.mjs
│       ├── viewer.css
│       ├── locale/
│       ├── images/
│       └── ...

<template>
    <div class="pdfjs-viewer-container" :style="containerStyle">
        <!-- Loading 狀態(tài) -->
        <div v-if="loading" class="pdfjs-loading">
            <div class="loading-spinner"></div>
            <span class="loading-text">{{ loadingText }}</span>
        </div>

        <!-- 錯(cuò)誤狀態(tài) -->
        <div v-else-if="error" class="pdfjs-error">
            <i class="el-icon-warning-outline"></i>
            <span class="error-text">{{ error }}</span>
            <el-button type="primary" @click="loadPdf">重新加載</el-button>
        </div>

        <template v-else-if="pdfBlobUrl">
            <!-- Android PDF 組件預(yù)覽按鈕 -->
            <span v-if="isAndroidApp" class="native-preview-btn" @click="openWithNativeViewer">
                查看原圖
            </span>

            <!-- PDF 預(yù)覽 iframe -->
            <iframe
                ref="pdfIframe"
                :src="viewerUrl"
                class="pdfjs-iframe"
                frameborder="0"
                allowfullscreen
            ></iframe>
        </template>

    </div>
</template>

<script>
import request from '@/utils/request'
import {isNotNull} from "@/utils/common";
import defaultSettings from "@/settings";
import {getToken} from "@/utils/auth";
import {md5} from "@/utils/secret";

export default {
    name: 'PdfJsViewer',
    props: {
        // PDF 文件路徑（用于 API 請(qǐng)求）
        url: {
            type: String,
            required: true
        },
        // 容器高度
        height: {
            type: String,
            default: '100%'
        },
        // 容器寬度
        width: {
            type: String,
            default: '100%'
        },
        // 加載提示文字
        loadingText: {
            type: String,
            default: '正在加載PDF文件...'
        }
    },
    data() {
        return {
            loading: false,
            error: null,
            pdfBlobUrl: null
        }
    },
    computed: {
        containerStyle() {
            return {
                height: this.height,
                width: this.width
            }
        },
        // 檢測(cè)是否為移動(dòng)端
        isMobile() {
            const userAgent = navigator.userAgent.toLowerCase()
            const mobileKeywords = ['android', 'iphone', 'ipad', 'ipod', 'windows phone', 'mobile']
            return mobileKeywords.some(keyword => userAgent.includes(keyword))
        },
        // 檢測(cè)是否為 Android App
        isAndroidApp() {
            const userAgent = navigator.userAgent.toLowerCase()
            return userAgent.includes('android') && window.android
        },
        viewerUrl() {
            if (!this.pdfBlobUrl) return ''
            // 根據(jù)設(shè)備類型選擇不同的 pdfjs 版本
            // 移動(dòng)端使用 pdfjs-v3，桌面端使用 pdfjs-v5
            const pdfjsPath = this.isMobile ? '/pdfjs-v3/web/viewer.html' : '/pdfjs-v5/web/viewer.html'
            // 將 Blob URL 作為參數(shù)傳給 viewer.html
            return `${defaultSettings.publicPath}${pdfjsPath}?file=${encodeURIComponent(this.pdfBlobUrl)}#zoom=page-width`
        }
    },
    watch: {
        url: {
            immediate: true,
            handler(newUrl) {
                if (isNotNull(newUrl)) {
                    this.loadPdf()
                } else {
                    // 清理之前的 PDF 數(shù)據(jù)
                    this.revokePdfData()
                }
            }
        }
    },
    methods: {
        /**
         * 獲取 PDF 文件流
         */
        async fetchPdfFile(previewUrl) {
            return request({
                url: previewUrl,
                method: 'get',
                responseType: 'arraybuffer'
            })
        },

        /**
         * 加載 PDF 文件
         */
        async loadPdf() {
            // 清理之前的 PDF 數(shù)據(jù)
            this.revokePdfData()

            this.loading = true
            this.error = null

            try {
                // 獲取文件流
                const response = await this.fetchPdfFile(this.url)

                // 檢查響應(yīng)數(shù)據(jù)
                if (!response || response.byteLength === 0) {
                    this.error = '獲取到的文件內(nèi)容為空'
                    this.$emit('load-error', new Error(this.error))
                    return
                }

                // 創(chuàng)建 Blob 對(duì)象
                const blob = new Blob([response], { type: 'application/pdf' })

                // 創(chuàng)建 Blob URL
                this.pdfBlobUrl = URL.createObjectURL(blob)

                this.$emit('load-success')

                // 啟動(dòng)字體問(wèn)題修復(fù)機(jī)制
                this.fixFontIssue()
            } catch (err) {
                console.error('PDF 加載失敗:', err)
                this.error = err.message || '加載PDF文件失敗，請(qǐng)重試'
                this.$emit('load-error', err)
            } finally {
                this.loading = false
            }
        },

        /**
         * 修復(fù)移動(dòng)端PDF字體顯示問(wèn)題
         */
        fixFontIssue() {
            // 只在移動(dòng)端執(zhí)行
            if (!this.isMobile) return

            // 最大重試次數(shù)
            const MAX_RETRY_COUNT = 3;

            const attemptFix = (retryCount = 0) => {
                if (retryCount > MAX_RETRY_COUNT) return

                setTimeout(() => {
                    try {
                        const iframe = this.$refs.pdfIframe
                        if (iframe && iframe.contentWindow && iframe.contentWindow.PDFViewerApplication) {
                            const app = iframe.contentWindow.PDFViewerApplication

                            // 檢查PDF是否已加載
                            if (app.pdfDocument && app.pdfViewer.pagesPromise) {
                                // 等待頁(yè)面渲染完成后再進(jìn)行修復(fù)
                                app.pdfViewer.pagesPromise.then(() => {
                                    // 切換縮放模式觸發(fā)重新渲染
                                    app.pdfViewer.currentScaleValue = "page-fit"
                                    setTimeout(() => {
                                        app.pdfViewer.currentScaleValue = "page-width"
                                    }, 50)
                                })
                            } else if (retryCount < MAX_RETRY_COUNT) {
                                // 如果PDF還未完全加載，稍后重試
                                attemptFix(retryCount + 1)
                            }
                        } else if (retryCount < MAX_RETRY_COUNT) {
                            // 如果iframe還未準(zhǔn)備好，稍后重試
                            attemptFix(retryCount + 1)
                        }
                    } catch (e) {
                        alert("字體修復(fù)嘗試失敗")
                        console.warn("字體修復(fù)嘗試失敗:", e)
                        if (retryCount < MAX_RETRY_COUNT) {
                            attemptFix(retryCount + 1)
                        }
                    }
                }, 500 * (retryCount + 1)) // 遞增延遲時(shí)間
            }

            attemptFix()
        },

        /**
         * 使用 Android PDF 預(yù)覽插件打開(kāi) PDF
         */
        async openWithNativeViewer() {
            if (!this.pdfBlobUrl) {
                this.$message.warning('PDF 文件未加載完成')
                return
            }

            if (!this.isAndroidApp) {
                this.$message.warning('當(dāng)前環(huán)境不支持 Android PDF 預(yù)覽插件')
                return
            }

            try {
                // 調(diào)用Android PDF預(yù)覽插件方法
                const success = this.previewPdfByNative(this.url)

                if (!success) {
                    this.$message.error({message: "打開(kāi) Android PDF 預(yù)覽插件失敗，請(qǐng)重試", offset: 80})
                }
            } catch (err) {
                console.error('打開(kāi) Android PDF 預(yù)覽插件失敗:', err)
                this.$message.error({message: "打開(kāi) Android PDF 預(yù)覽插件失敗，請(qǐng)重試", offset: 80})
            }
        },

        /**
         * 使用 Android PDF 預(yù)覽插件
         * @param {String} url - PDF 文件 URL
         * @returns {Boolean} 是否成功調(diào)用
         */
        previewPdfByNative(url) {
            if (!this.isAndroidApp || !window.android.previewPdfByUrl) {
                this.$message.warning({message: "'當(dāng)前環(huán)境不支持 Android PDF 預(yù)覽插件", offset: 80})
                return false
            }
            try {
                const fileName = md5(url) + ".pdf";
                window.android.previewPdfByUrl(
                    url,
                    fileName,
                    JSON.stringify({
                        Authorization: getToken()
                    })
                )
                return true
            } catch (err) {
                console.error('調(diào)用 Android PDF 預(yù)覽插件失敗:', err)
                return false
            }
        },

        /**
         * 釋放 PDF 數(shù)據(jù)
         */
        revokePdfData() {
            if (this.pdfBlobUrl) {
                // 組件銷毀時(shí)釋放 Blob URL
                URL.revokeObjectURL(this.pdfBlobUrl)
                this.pdfBlobUrl = null
            }
        }
    },
    beforeDestroy() {
        // 組件銷毀時(shí)釋放 PDF 數(shù)據(jù)
        this.revokePdfData()
    }
}
</script>

<style scoped>
.pdfjs-viewer-container {
    position: relative;
    overflow: hidden;
    background-color: #525659;
}

.pdfjs-iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.pdfjs-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f5f7fa;
    color: #606266;
}

.loading-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(64, 158, 255, 0.3);
    border-top-color: #409eff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.loading-text {
    margin-top: 16px;
    font-size: 14px;
}

.pdfjs-error {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #525659;
    color: #fff;
}

.pdfjs-error .el-icon-warning-outline {
    font-size: 48px;
    color: #e6a23c;
    margin-bottom: 16px;
}

.error-text {
    font-size: 14px;
    margin-bottom: 16px;
    text-align: center;
    padding: 0 20px;
}

/* Android PDF 預(yù)覽插件按鈕樣式 */
.native-preview-btn {
    position: absolute;
    right: 50px;
    height: 32px;
    line-height: 33px;
    z-index: 1000;
    text-align: center;
    font-size: 14px;
    cursor: pointer;

    :active {
        background: none;
    }
}
</style>

<template>
    <div>
        <pdf-js-viewer
            :url="pdfUrl"
            height="100vh"
            @load-success="onLoadSuccess"
            @load-error="onLoadError"
        />
    </div>
</template>

<script>
import PdfJsViewer from '@/components/PdfJsViewer'

export default {
    components: { PdfJsViewer },
    data() {
        return {
            pdfUrl: 'https://example.com/document.pdf'
        }
    },
    methods: {
        onLoadSuccess() {
            console.log('PDF 加載成功')
        },
        onLoadError(err) {
            console.error('PDF 加載失敗:', err)
        }
    }
}
</script>

<manifest xmlns:android="http://schemas.android.com/apk/res/android">
    
    <!-- 網(wǎng)絡(luò)權(quán)限，用于下載 PDF 文件 -->
    <uses-permission android:name="android.permission.INTERNET" />
    
    <!-- ... -->
</manifest>

dependencies {
    // ... 其他依賴
    
    // PDF 預(yù)覽插件
    implementation 'com.github.mhiew:android-pdf-viewer:3.2.0-beta.3'
    
    // 工具庫(kù)（用于 HTTP 請(qǐng)求和文件操作）
    implementation 'cn.hutool:hutool-all:5.8.16'
}

allprojects {
    repositories {
        // ...
        maven { url 'https://jitpack.io' }
    }
}

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white">

    <!-- 標(biāo)題欄 -->
    <RelativeLayout
        android:id="@+id/titleBar"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_alignParentTop="true"
        android:background="#F5F5F5"
        android:paddingHorizontal="16dp">

        <TextView
            android:id="@+id/tvTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:text="PDF 預(yù)覽"
            android:textColor="#333333"
            android:textSize="16sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/tvPageInfo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:textColor="#666666"
            android:textSize="14sp" />

        <ImageView
            android:id="@+id/ivClose"
            android:layout_width="36dp"
            android:layout_height="36dp"
            android:layout_alignParentEnd="true"
            android:layout_centerVertical="true"
            android:background="?attr/selectableItemBackgroundBorderless"
            android:contentDescription="關(guān)閉"
            android:padding="8dp"
            android:src="@android:drawable/ic_menu_close_clear_cancel" />

    </RelativeLayout>

    <!-- PDF 預(yù)覽區(qū)域 -->
    <com.github.barteksc.pdfviewer.PDFView
        android:id="@+id/pdfView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/titleBar" />

</RelativeLayout>

package com.qms.android;

import androidx.appcompat.app.AlertDialog;
import android.app.Activity;
import android.text.TextUtils;
import android.view.LayoutInflater;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.webkit.JavascriptInterface;
import android.webkit.WebView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.util.Base64;

import com.github.barteksc.pdfviewer.PDFView;

import cn.hutool.core.io.FileUtil;
import cn.hutool.crypto.SecureUtil;
import cn.hutool.http.HttpRequest;
import cn.hutool.http.HttpResponse;

import org.json.JSONException;
import org.json.JSONObject;

import java.io.File;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;

public class WebActivity extends Activity {

    private WebView mWebView;

    // ... 其他代碼省略 ...

    /**
     * 初始化 WebView，添加 JavaScript 接口
     */
    public void initWebView() {
        // ... WebView 配置代碼 ...
        
        // 添加 JavaScript 接口，供前端調(diào)用
        mWebView.addJavascriptInterface(this, "android");
    }

    // ==================== PDF 預(yù)覽相關(guān)方法 ====================

    /**
     * JavaScript 接口：通過(guò) URL 預(yù)覽 PDF
     * @param url PDF 文件的下載地址
     * @param fileName 文件名（用于緩存）
     * @param headersJson 請(qǐng)求頭信息的 JSON 字符串
     */
    @JavascriptInterface
    public void previewPdfByUrl(String url, String fileName, String headersJson) {
        runOnUiThread(() -> {
            if (TextUtils.isEmpty(url)) {
                ToastUtils.showLong(this, "PDF 地址為空");
                return;
            }
            downloadPdfAndPreview(url, fileName, headersJson);
        });
    }

    /**
     * JavaScript 接口：通過(guò) Base64 數(shù)據(jù)預(yù)覽 PDF
     * @param base64Data PDF 文件的 Base64 編碼數(shù)據(jù)
     */
    @JavascriptInterface
    public void previewPdfByData(String base64Data) {
        runOnUiThread(() -> {
            if (TextUtils.isEmpty(base64Data)) {
                ToastUtils.showLong(this, "PDF 數(shù)據(jù)為空");
                return;
            }
            saveBase64PdfAndPreview(base64Data);
        });
    }

    /**
     * 顯示加載提示彈窗
     */
    private AlertDialog showLoadingDialog(String message) {
        LinearLayout layout = new LinearLayout(this);
        layout.setOrientation(LinearLayout.HORIZONTAL);
        layout.setPadding(48, 32, 48, 32);
        layout.setGravity(android.view.Gravity.CENTER_VERTICAL);

        ProgressBar progressBar = new ProgressBar(this);
        layout.addView(progressBar);

        TextView textView = new TextView(this);
        textView.setText(message);
        textView.setTextSize(16);
        textView.setPadding(32, 0, 0, 0);
        layout.addView(textView);

        AlertDialog dialog = new AlertDialog.Builder(this)
                .setView(layout)
                .setCancelable(false)
                .create();
        dialog.show();
        return dialog;
    }

    /**
     * 下載 PDF 文件并預(yù)覽
     */
    private void downloadPdfAndPreview(String url, String fileName, String headersJson) {
        Map<String, String> headers = parseHeaders(headersJson);

        if (TextUtils.isEmpty(fileName)) {
            // 使用 URL 的 MD5 作為緩存文件名
            fileName = SecureUtil.md5(url) + ".pdf";
        }

        // 下載到緩存目錄
        String cachePath = getCacheDir().getAbsolutePath() + File.separator + "pdf_preview";
        File pdfFile = new File(cachePath, fileName);
        
        if (pdfFile.exists()) {
            // 緩存已存在，直接顯示
            showPdfDialog(pdfFile);
            return;
        }

        // 顯示加載提示
        AlertDialog loadingDialog = showLoadingDialog("正在加載文件，請(qǐng)稍候...");

        // 在子線程中執(zhí)行下載
        new Thread(() -> {
            try {
                HttpRequest request = HttpRequest.get(url);
                // 添加請(qǐng)求頭
                if (!headers.isEmpty()) {
                    for (Map.Entry<String, String> entry : headers.entrySet()) {
                        request.header(entry.getKey(), entry.getValue());
                    }
                }

                HttpResponse response = request.execute();
                runOnUiThread(loadingDialog::dismiss);

                if (response.isOk()) {
                    FileUtil.writeBytes(response.bodyBytes(), pdfFile);
                    runOnUiThread(() -> showPdfDialog(pdfFile));
                } else {
                    runOnUiThread(() -> ToastUtils.showLong(this, "PDF 下載失敗"));
                }
            } catch (Exception e) {
                e.printStackTrace();
                runOnUiThread(() -> {
                    loadingDialog.dismiss();
                    ToastUtils.showLong(this, "PDF 下載失敗: " + e.getMessage());
                });
            }
        }).start();
    }

    /**
     * 解析請(qǐng)求頭信息
     */
    private Map<String, String> parseHeaders(String headersJson) {
        Map<String, String> headers = new HashMap<>();
        if (TextUtils.isEmpty(headersJson)) return headers;
        
        try {
            JSONObject jsonObject = new JSONObject(headersJson);
            Iterator<String> keys = jsonObject.keys();
            while (keys.hasNext()) {
                String key = keys.next();
                headers.put(key, jsonObject.optString(key));
            }
        } catch (JSONException e) {
            e.printStackTrace();
        }
        return headers;
    }

    /**
     * 保存 Base64 格式的 PDF 數(shù)據(jù)并預(yù)覽
     */
    private void saveBase64PdfAndPreview(String base64Data) {
        AlertDialog loadingDialog = showLoadingDialog("正在加載文件，請(qǐng)稍候...");

        try {
            // 使用 Base64 數(shù)據(jù)的 MD5 作為緩存文件名
            String cacheFileName = SecureUtil.md5(base64Data) + ".pdf";
            String cachePath = getCacheDir().getAbsolutePath() + File.separator + "pdf_preview";
            File pdfFile = new File(cachePath, cacheFileName);
            
            if (!pdfFile.exists()) {
                byte[] bytes = Base64.decode(base64Data, Base64.DEFAULT);
                FileUtil.writeBytes(bytes, pdfFile);
            }

            loadingDialog.dismiss();
            showPdfDialog(pdfFile);
        } catch (Exception e) {
            loadingDialog.dismiss();
            ToastUtils.showLong(this, "PDF 數(shù)據(jù)處理失敗");
        }
    }

    /**
     * 顯示 PDF 預(yù)覽對(duì)話框
     */
    private void showPdfDialog(File pdfFile) {
        if (pdfFile == null || !pdfFile.exists()) {
            ToastUtils.showLong(this, "PDF 文件不存在");
            return;
        }

        View view = LayoutInflater.from(this).inflate(R.layout.dialog_pdf_preview, null, false);
        PDFView pdfView = view.findViewById(R.id.pdfView);
        ImageView ivClose = view.findViewById(R.id.ivClose);
        TextView tvPageInfo = view.findViewById(R.id.tvPageInfo);

        AlertDialog dialog = new AlertDialog.Builder(this)
                .setView(view)
                .setCancelable(true)
                .create();

        ivClose.setOnClickListener(v -> dialog.dismiss());
        dialog.show();

        // 設(shè)置彈窗全屏顯示
        Window window = dialog.getWindow();
        if (window != null) {
            window.setLayout(WindowManager.LayoutParams.MATCH_PARENT, 
                           WindowManager.LayoutParams.MATCH_PARENT);
            window.setBackgroundDrawableResource(android.R.color.white);
        }

        // 延遲加載 PDF，確保 View 已完成布局
        pdfView.post(() -> loadPdf(pdfView, pdfFile, tvPageInfo));
    }

    /**
     * 加載并顯示 PDF 內(nèi)容
     */
    private void loadPdf(PDFView pdfView, File pdfFile, TextView tvPageInfo) {
        pdfView.fromFile(pdfFile)
                .enableSwipe(true)           // 啟用滑動(dòng)翻頁(yè)
                .swipeHorizontal(false)      // 垂直滑動(dòng)
                .enableDoubletap(true)       // 啟用雙擊縮放
                .defaultPage(0)              // 默認(rèn)顯示第一頁(yè)
                .enableAnnotationRendering(false)
                .enableAntialiasing(true)    // 啟用抗鋸齒
                .spacing(4)                  // 頁(yè)面間距
                .onPageChange((page, pageCount) -> {
                    tvPageInfo.setText(String.format("%d / %d", page + 1, pageCount));
                })
                .onLoad(nbPages -> {
                    tvPageInfo.setText(String.format("1 / %d", nbPages));
                    // 設(shè)置縮放范圍
                    pdfView.setMinZoom(0.5f);
                    pdfView.setMaxZoom(10.0f);
                    pdfView.setMidZoom(2f);
                })
                .onError(t -> {
                    ToastUtils.showLong(this, "PDF 加載失敗: " + t.getMessage());
                })
                .load();
    }
}

// 檢測(cè)是否為 Android App 環(huán)境
const isAndroidApp = navigator.userAgent.toLowerCase().includes('android') && window.android

if (isAndroidApp && window.android.previewPdfByUrl) {
    window.android.previewPdfByUrl(
        'https://api.example.com/file/xxx',  // 下載 URL
      	'xxx.pdf',  						 // 文件名稱（緩存使用）
        JSON.stringify({                	 // 請(qǐng)求頭
            Authorization: 'Bearer xxx'
        })
    )
}

// 獲取 PDF 的 ArrayBuffer
const response = await fetch(pdfUrl)
const arrayBuffer = await response.arrayBuffer()

// ?? 大文件會(huì)導(dǎo)致瀏覽器卡死！
const base64Data = btoa(
    new Uint8Array(arrayBuffer).reduce((data, byte) => data + String.fromCharCode(byte), '')
)

// 調(diào)用 Android 原生方法
if (window.android?.previewPdfByData) {
    window.android.previewPdfByData(base64Data)
}