代碼是您涉足 Web 開發,有時還是只是針對小型代碼以其工作原理有利益,您可能希望查看特定網頁後面的 HTML 源代碼。
可以從您的 iOS 設備(如 iPhone 或 iPad)和 Mac 上執行此網頁操作。在本教程中,我們將向您展示如何在兩個平台上查看 HTML 源代碼。
如何在 iPhone 或 iPad 上查看網站的源代碼
想讓您從您的 iPhone 或 iPad 查看您的應用程序來幫助您使用。最先進的應用程序使這個應用程序簡單易用,並包含您的有效源代碼,因此可以更好地為您顯示了解您正在查看的內容。
我們推薦使用 HTML Viewer Q,它是 從 App Store 免費下載.安裝後,按照以下步驟查看網頁的源代碼:
1) 從主屏幕啟動 HTML Viewer Q。
2) 點擊 關聯 應用的卓越按鈕:
3) 輸入要查看其源代碼的網頁的完整 URL,然後點擊 走 按鈕(我們將在此示例中使用亞馬遜)。
4) 頁面加載後,點擊 代碼 應用程序左上角的按鈕。
您正在查看您選擇的網頁的源代碼。您可以點擊應用程序頂部的任何數字來更改不同的大小:即 9pt、12pt、16pt 等,您還可以“搜索”按鈕搜索您可能特別關注的任何關鍵字或語法尋找。
該應用程序還允許您複製 HTML 代碼,以便將其粘貼到任何其他應用程序中。
如何在 Mac 上的 Safari 中查看頁面 HTML 源代碼
如果您是,那麼您需要使用任何源軟件(來查看網頁的代碼)。您可以使用 Safari 的喜歡的其他 Web 瀏覽器)瀏覽器或您自己的中查看代碼。
注意:根據您的不同網絡瀏覽器,這些會使用不同的網絡瀏覽器。
第一部分:在 Safari 中啟用開發者工具
要在 Safari 操作中隱藏網頁的源代碼,您首先需要查看啟用的開發工具。為此,請按照以下步驟:
1) 如果 Safari 還沒有打開,請啟動它。
2) 去 Safari → 首選項 在菜單中。
3) 打開 先進的 首選項窗口中的選項卡。
4) 把複選標記 在菜單顯示開髮菜單 框,如果還沒有收藏。
現在啟用了適當的工具,您就可以進入下查看網頁的源代碼了。
第二部分:在 Safari 中查看網頁的源代碼
要在開發工具啟用後查看網頁的源代碼,請按以下步驟操作:
1) 如果 Safari 還沒有打開,請啟動它。
2) 加載您想要查看源代碼的網頁(我們將在此示例中使用亞馬遜)。
3) 去 開發→顯示頁面源 在菜單中(或展開作品並選擇時尚) 顯示頁面源)。
4) 源代碼現在將出現在 Safari 應用程序底部的窗口中:
如果您願意,您可以使用搜索欄查找特定的或語法,或者可以通過多個窗口並以相同的關鍵字來調整“開發”的大小,就像在 Mac 上調整應用程序的大小一樣。
包起來
奇怪的是 Georges 能夠查看什麼使打網頁的功能,因此,開發人員希望能夠更好地理解網頁背後的代碼或只是簡單的 Web 開發人員、是新手或經驗豐富的 Web 開發人員,也是非常寶貴的工具想對自己的網站進行故障排除。
另請閱讀:
- 如何在 Safari 中查看網頁的源代碼
- 在 Safari 中加載網頁時出現問題?
如果您覺得本教程有幫助,請在下方給我們留言!