無論您是涉足小規模的 Web 開發，還是只是對深入研究代碼以了解其工作原理感興趣，有時您會想查看特定網頁背後的 HTML 源代碼。我有。
這可以通過 iOS 設備（例如 iPhone 和 iPad）和 Mac 完成。本教程展示瞭如何在兩個平台上查看網頁的 HTML 源代碼。
如何在 iPhone 或 iPad 上查看網站的源代碼
如果您想從 iPhone 或 iPad 查看網頁的源代碼，您需要一個應用程序來幫助您做到這一點。大多數現代應用程序使此過程變得簡單，並包含有用的語法突出顯示，因此您可以更好地了解您正在查看的內容。
我們推薦 HTML Viewer Q。 從 App Store 免費下載. 安裝完成後，按照以下步驟查看網頁源代碼。
1) 從主屏幕啟動 HTML Viewer Q。
2) 點擊 協會 應用右上角的按鈕：
3) 輸入要查看源代碼的網頁的完整 URL， 走 按鈕（我們將在本例中使用亞馬遜）。
四） 頁面加載後 代碼 應用程序左上角的一個按鈕。
顯示所選網頁的源代碼。點擊應用頂部的任意數字以更改不同的字體大小（9pt、12pt、16pt 等）。再次，[検索]您還可以使用這些按鈕來搜索您正在尋找的關鍵字或語法。 .
該應用程序還允許您複製 HTML 代碼並將其粘貼到其他應用程序中。
如何在 Mac 上的 Safari 中查看頁面的 HTML 源代碼
如果您使用的是 Mac，則無需第三方軟件即可查看網頁的源代碼。 您可以使用 Safari（或任何其他 Web 瀏覽器）在瀏覽器本身中查看源代碼。
注意：根據您使用的 Web 瀏覽器，這些步驟會略有不同。
第 1 部分：在 Safari 中啟用開發人員工具
要在 Safari 中查看網頁的源代碼，您必須首先啟用隱藏的開發人員工具。為此，請按照下列步驟操作：
1) 如果 Safari 尚未打開，請啟動它。
2) 去 Safari → 偏好 在菜單欄中。
3) 打開 高度 首選項窗口選項卡。
四） 打勾 在菜單欄中顯示開髮菜單 如果尚未選中，則為一個框。
現在您已經啟用了正確的工具，您可以繼續下一部分來查看網頁的源代碼。
第 2 部分：在 Safari 中查看網頁源代碼
要在啟用開發人員工具時查看網頁的源代碼，請執行以下步驟：
1) 如果 Safari 尚未打開，請啟動它。
2) 加載一個顯示源代碼的網頁（我們將在本示例中使用 Amazon）。
3) 去 開發→查看頁面源碼 單擊（或右鍵單擊頁面並單擊 查看頁面源代碼）。
四） 源代碼顯示在 Safari 應用程序底部的窗口中。
如有必要，使用搜索欄搜索特定的關鍵字或語法，或者單擊並拖動邊緣，就像在 Mac 上調整應用程序大小一樣。[現像]您還可以調整窗口大小。
包起來
此功能允許好奇的 Georges 了解是什麼讓網頁打勾，但對於希望更好地理解網頁背後的代碼的簡單、新手或有經驗的用戶也很有用。對於 Web 開發人員，甚至是簡單的 Web 開發人員來說，這是一個非常寶貴的工具想要對自己的網站進行故障排除的人。
另請閱讀：
- 如何在 Safari 中查看網頁的源代碼
- 在 Safari 中加載網頁時遇到問題？試試這個…
如果本教程對您有幫助，請在下方發表評論。
