如何在 Mac 版 Safari 上檢查元素

當您知道如何在 Mac 版 Safari 上檢查 Element 時，您可以深入研究網頁的 HTML 和 CSS 代碼，了解其在幕後的實際運行情況，或對網站的外觀或功能進行更改（這些只是暫時的，關閉瀏覽器後更改將被丟棄）。 

如果您在自己構建的網站上，則可以使用 Inspect Element 來調試頁面前端的問題。

Chrome 和 Firefox 用戶將習慣於簡單地右鍵單擊頁面元素，然後選擇“檢查元素”。然而，對於 Safari，默認情況下不啟用“檢查元素”功能，因此您可能會絞盡腦汁不知道在哪裡可以找到它，特別是如果您不熟悉 Apple 的瀏覽器。要啟用 Inspect Element，您首先必須打開 Safari 的開發者菜單。

如果您不確定如何操作，請不要擔心，因為本指南將向您展示如何在 Safari 上檢查 Element。您所需要做的就是繼續閱讀。

如何在 Mac 版 Safari 上檢查元素

1. 在 Safari 中，單擊工具欄中的 Safari
2. 單擊“設置”並前往“高級”
3. 選中在菜單欄中顯示“開發”菜單
4. 在網頁上，右鍵單擊某個元素
5. 單擊檢查元素

繼續閱讀以查看每個步驟的圖解說明。

1. 打開 Safari 的設置

（圖片來源：©未來）

打開瀏覽器後，單擊左上角的Safari ，然後單擊“設置”。

2. 在“高級”下，啟用“開發”菜單

（圖片來源：©未來）

單擊“高級”選項卡，然後選中菜單欄中的“顯示開髮菜單”。您現在可以關閉“設置”窗口。

3. 右鍵單擊並選擇檢查元素

（圖片來源：©未來）

右鍵單擊頁面元素並從菜單中選擇檢查元素。

4.檢查頁面代碼

（圖片來源：©未來）

您現在可以檢查 HTML 和 CSS 中的頁面代碼。玩得開心！

如果您想了解更多充分利用 Mac 的方法，我們有很多像本教程一樣有用的教程。了解如何啟用 macOS Beta 更新，以便您可以在即將發布的操作系統版本中查看和測試 Mac 的新功能。我

如果您的 Mac 運行緩慢，請了解如何清除 Mac 上的緩存，因為這可能有助於加快速度。如果您厭倦了桌面上的屏幕截圖並破壞了乾淨的背景，請了解如何更改 Mac 上的屏幕截圖保存位置。桌面凌亂？了解如何在 Mac 上使用桌面堆棧。