使用 Safari 的開發者工具 Developer Tools

作為一個開發者，常常會想要看一個網頁的原始碼，或做一些進階的操作。在 Safari，這些功能預設都是關閉的，藏在「網頁開發者功能」裡，需要手動去把它打開。

開啟 Safari 的網頁開發者功能

要使用 Safari 的開發者工具，必須先至設定中開啟。在 Safari 的「設定」→「進階」：

會看到最下方有個「顯示網頁開發者功能」的勾選框，把它勾起來之後，Safari 的「設定」中就會多出了「開發者」的 Tab：

而螢幕上方的功能選單列，也會多出「開發」選單：

用 Safari 查看網頁原始碼、檢閱元件

在開啟了 Safari 的網頁開發者功能後，我們就能對任意網頁按下右鍵：

這時就會出現以前沒有的功能！可以選擇「顯示網頁原始碼」來查看整個網頁的程式，或是選擇「檢閱元件」來查看右鍵選到的 DOM 元件。

用 Safari 對網頁執行 JavaScript

在「網頁檢閱器」中，我們也能對網頁執行 JavaScript 程式。