如何在 iOS 或 Mac 上查看網頁的 HTML 源代碼


代碼是您涉足 Web 開發,有時還是只是針對小型代碼以其工作原理有利益,您可能希望查看特定網頁後面的 HTML 源代碼。

可以從您的 iOS 設備(如 iPhone 或 iPad)和 Mac 上執行此網頁操作。在本教程中,我們將向您展示如何在兩個平台上查看 HTML 源代碼。

如何在 iPhone 或 iPad 上查看網站的源代碼

想讓您從您的 iPhone 或 iPad 查看您的應用程序來幫助您使用。最先進的應用程序使這個應用程序簡單易用,並包含您的有效源代碼,因此可以更好地為您顯示了解您正在查看的內容。

我們推薦使用 HTML Viewer Q,它是 從 App Store 免費下載.安裝後,按照以下步驟查看網頁的源代碼:

1) 從主屏幕啟動 HTML Viewer Q。

2) 點擊 關聯 應用的卓越按鈕:

在 iPhone 或 iPad 上查看 HTML 源代碼

3) 輸入要查看其源代碼的網頁的完整 URL,然後點擊 按鈕(我們將在此示例中使用亞馬遜)。

在 iPhone 上查看網頁源代碼

4) 頁面加載後,點擊 代碼 應用程序左上角的按鈕。

您正在查看您選擇的網頁的源代碼。您可以點擊應用程序頂部的任何數字來更改不同的大小:即 9pt、12pt、16pt 等,您還可以“搜索”按鈕搜索您可能特別關注的任何關鍵字或語法尋找。

該應用程序還允許您複製 HTML 代碼,以便將其粘貼到任何其他應用程序中。

如何在 Mac 上的 Safari 中查看頁面 HTML 源代碼

如果您是,那麼您需要使用任何源軟件(來查看網頁的代碼)。您可以使用 Safari 的喜歡的其他 Web 瀏覽器)瀏覽器或您自己的中查看代碼。

注意:根據您的不同網絡瀏覽器,這些會使用不同的網絡瀏覽器。

第一部分:在 Safari 中啟用開發者工具

要在 Safari 操作中隱藏網頁的源代碼,您首先需要查看啟用的開發工具。為此,請按照以下步驟:

1) 如果 Safari 還沒有打開,請啟動它。

2) Safari → 首選項 在菜單中。

Safari 偏好設置

3) 打開 先進的 首選項窗口中的選項卡。

在 Safari 中顯示開髮菜單

4) 把複選標記 在菜單顯示開髮菜單 框,如果還沒有收藏。

現在啟用了適當的工具,您就可以進入下查看網頁的源代碼了。

第二部分:在 Safari 中查看網頁的源代碼

要在開發工具啟用後查看網頁的源代碼,請按以下步驟操作:

1) 如果 Safari 還沒有打開,請啟動它。

2) 加載您想要查看源代碼的網頁(我們將在此示例中使用亞馬遜)。

加載網頁

3) 開發→顯示頁面源 在菜單中(或展開作品並選擇時尚) 顯示頁面源)。

在 Mac 版 Safari 中顯示頁面源代碼

4) 源代碼現在將出現在 Safari 應用程序底部的窗口中:

Mac 上的 HTML 源代碼

如果您願意,您可以使用搜索欄查找特定的或語法,或者可以通過多個窗口並以相同的關鍵字來調整“開發”的大小,就像在 Mac 上調整應用程序的大小一樣。

包起來

奇怪的是 Georges 能夠查看什麼使打網頁的功能,因此,開發人員希望能夠更好地理解網頁背後的代碼或只是簡單的 Web 開發人員、是新手或經驗豐富的 Web 開發人員,也是非常寶貴的工具想對自己的網站進行故障排除。

另請閱讀:

  • 如何在 Safari 中查看網頁的源代碼
  • 在 Safari 中加載網頁時出現問題?

如果您覺得本教程有幫助,請在下方給我們留言!