無需越獄，輕鬆在 Safari 檢視網頁 HTML 原始碼

iOS 版 Safari 內建無「檢視原始碼」功能，但可透過建立一個包含 JavaScript 的書籤，實現一鍵查看網頁 DOM 結構。以下為詳細設定步驟。

建立「查看原始碼」書籤步驟

1. 在 Safari 隨意開啟一個網頁，點擊分享按鈕（方框加向上箭頭），選擇「加入書籤」，標題隨意（如「暫存」），存放位置選「書籤」。
2. 進入書籤管理：點擊書籤圖標 → 「編輯」 → 選擇剛建立的「暫存」書籤。
3. 修改書籤標題為「查看原始碼」（或任意易識別名稱）。
4. 將網址欄內容完整替換為以下 JavaScript 代碼（請確保複製完整，含 javascript: 開頭）：

javascript:(function(){var d=window.open("about:blank"),a=d.document;a.write("<!DOCTYPE html><html><head><title>Loading Source</title></head><body></body></html>");a.close();var b=a.body.appendChild(a.createElement("form"));b.setAttribute("method","post");b.setAttribute("action","https://ole.michelsen.dk/viewsource/?uri="+location.href);var c=b.appendChild(a.createElement("input"));c.setAttribute("type","hidden");c.setAttribute("name","DOM");c.setAttribute("value",encodeURIComponent(document.documentElement.innerHTML));b.submit()})()

使用方法

1. 在 Safari 開啟任意想檢視原始碼的網頁。
2. 點擊書籤圖標，選擇剛建立的「查看原始碼」書籤。
3. 系統會開啟新分頁，顯示該網頁完整的 HTML 原始碼（經過外部服務 ole.michelsen.dk 處理）。

注意事項

• 此法借助第三方線上服務解析 DOM，極大型網頁可能載入較慢或失敗。
• 書籤同步至 iCloud 後，其他同帳號的 iOS 裝置也可直接使用。
• 若需更完整的開發者工具，建議配合 Mac 版 Safari 的「Web 檢查器」遠端除錯功能。