# 下載彰師大雲端學院 PDF 講義的方法

### 動機

在使用學校的雲端學院系統時，部分使用者可能會遇到無法直接下載或列印 PDF 講義的問題。這通常是因網站前端實作了特定的限制機制。本文將深入解析這些限制，並提供有效的技術方法來獲取原始 PDF 檔案。

圖 1：無法直接下載或列印 PDF

### 問題根源

透過瀏覽器開發者工具（`F12`）檢視網頁原始碼及來源，可發現系統採用 `pdf.js` 函式庫進行 PDF 內容的渲染。

這個 PDF 播放器並不是在主頁面上，而是被嵌在一個 `<iframe>`（內嵌框架）中。這導致了兩個主要問題：

1. **直接操作主控台 (Console) 失效**：在主頁面對主控台下指令，會因為「上下文 (Context)」不同，而找不到播放器內的下載按鈕。
2. **內建列印限制**：播放器網頁本身被植入了以下限制：

<!-- end list -->

<script> window.print = function() {}; </script>
<style type="text/css" media="print"> * { display: none; } </style>

* `window.print = function() {};`：此 JavaScript 程式碼重新定義了瀏覽器的 `window.print` 方法為一個空函式，導致 `Ctrl+P` 列印功能被無效化。
* `<style type="text/css" media="print"> ... </style>`：這段 CSS 樣式規則使列印內容顯示為空白。

-----

### 解決方法

我們提供兩種方法，方法一（主控台法）最為穩定；方法二（攔截法）更為直接。

### 方法一：主控台(Console)點擊法 (推薦)

`pdf.js` 函式庫內建了下載功能，只是被隱藏了。我們的策略是：**先進入播放器網頁，然後在該網頁的「上下文」中，執行 JavaScript 來觸發下載。**

#### 步驟一：找出並開啟「播放器」網頁

1. 在學校的講義頁面（點進去檔案，您看到 PDF 檢視器的那個頁面，**不是檔案列表**），按下 `F12` 開啟「開發者工具」。
2. 切換到「**網路 (Network)**」分頁。
3. 在篩選器 (Filter) 欄位中，點選「**Doc**」分類（這能幫您快速過濾出網頁文件）。
4. 按下 `F5` **重新整理**網頁，讓 F12 重新擷取請求。
5. 在請求列表中，找到一個名稱類似 `pdf-viewer?file=...` 的請求。這就是播放器網頁本身。
6. 在該請求上按**右鍵**，選擇「**在新分頁中開啟 (Open in new tab)**」。(參考 圖 2)

圖 2：以 chrome 瀏覽器做示範

#### 步驟二：在新分頁中執行主控台指令

1. 瀏覽器會開啟一個**新的分頁**，這個分頁**只會**顯示 PDF 檢視器。
2. **在這個新分頁上**，按下 `F12` 開啟「開發者工具」。
3. 切換到「**主控台 (Console)**」分頁。
4. 在主控台的輸入行（通常以 `>` 符號開頭），貼入以下任一 JavaScript 程式碼，並按下 `Enter` 鍵執行：(參考 圖 3)

    document.getElementById('download').click();

或

    document.getElementById('secondaryDownload').click();

5. 此操作將觸發 `pdf.js` 內建的下載功能。

圖 3：以 chrome 瀏覽器做示範 執行指令

> **技術背景：** `document.getElementById('elementId')` 是 DOM API 中的標準方法，用於獲取指定 ID 的 HTML 元素物件。`.click()` 方法則用於模擬該元素被點擊的行為。

-----

### 方法二：網路(Network)攔截法 (進階)

此方法更為直接。`pdf-viewer` 請求的網址中，其 `file=` 參數的「值」本身就是 **「原始 PDF 的 API 下載連結」**。我們可以從請求中 **萃取** 此連結以直接下載。

1. 在學校的講義頁面（點進去檔案，您看到 PDF 檢視器的那個頁面，**不是檔案列表**），按下 `F12` 開啟「開發者工具」。
2. 切換到「**網路 (Network)**」分頁。
3. 按下 `F5` **重新整理**網頁，讓 F12 重新擷取所有請求。
4. 在請求列表中，找到名稱為 `pdf-viewer?file=...` 的請求，並**點擊**它。(參考 圖 4)
5. 在右側彈出的視窗中，切換到「**啟動器 (Initiator)**」分頁。
6. 查看「**Request initiator chain**」（請求啟動器鏈）區塊。
7. **在此區塊中，尋找那個以 `.pdf` 結尾的完整網址** (例如 `https://tcmedia.ncue.edu.tw/...Probability.pdf`)。 (參考 圖 5)
8. **完整複製這串 `.pdf` 網址**，並貼到新的瀏覽器分頁。 (參考 圖 6)

瀏覽器將會直接開始下載原始的 PDF 檔案。

圖 4：以 chrome 瀏覽器做示範 找到 Request initiator chain 區塊

圖 5：以 chrome 瀏覽器做示範 找到 .pdf 的網址

圖 6：以 chrome 瀏覽器做示範 把複製的網址貼到新的瀏覽器分頁

> **技術背景：** 「啟動器 (Initiator)」分頁的作用是顯示「觸發此請求的源頭」。在「Request initiator chain」（請求啟動器鏈）中，開發者工具會解析完整的請求網址，並（在某些瀏覽器版本中）將 file= 參數中那串被編碼的 API 連結「解碼」並顯示出來，因此我們才能直接看到並複製那個以 .pdf 結尾的乾淨連結。

-----

### 聲明與使用限制

合法用途聲明： 本教學所提供之技術方法，僅限用於個人在已獲授權的前提下，為方便個人學術研究或離線閱讀，而備份自己的課程講義。
尊重智慧財產權： 所有課程講義的內容、版權與智慧財產權均歸原授課教授與校方所有。嚴禁使用者將此技術用於非法下載、惡意複製、或公開散布任何您不具有合法權限之內容。
技術中立聲明： 本教學僅為客觀地陳述網頁前端技術的運作方式及原理，其本身不具備任何預設的惡意或目的。使用者應依自身良知與法律規範使用之。
應急方案本質： 本文旨在分享一個技術上的「應急替代方案」，以解決內建檢視器（Viewer）難用、載入緩慢或排版錯誤的問題。本文並非教學如何破解或攻擊系統，亦無意侵犯系統安全。
建議的解決管道： 我們仍鼓勵同學優先循正常管道向授課教授或學校資訊中心反映，建議開啟系統內建的下載權限。透過官方功能下載，永遠是最好、最無爭議的解決方式。
系統更新風險： 雲端學院系統（TronClass）為一動態維護之平台，其網頁架構、API 規則隨時可能更新。本教學之方法係針對當時之特定網頁架構所設計，不保證適用於任何其他平臺或系統。
使用風險自負： 本文僅為技術交流與分享，不提供任何形式的保證。請務必遵守所有相關的校規、中華
民國法律及智慧財產權法規。所有使用者應對自己使用本教學內容所採取的任何行動，及其可能產生之所有後果，自行負擔全部法律與相關責任。本文作者ar23771（及 AI 協作者 Gemini）不為使用者因使用或誤用本教學內容所導致的任何直接或間接損害，包括但不限於系統故障、資料遺失或法律責任，承擔任何責任。

-----

本文撰寫：ar23771
協作夥伴：gemini 2.5 pro
2025/10/31