Safari 圖像

開於開發人員選單

對於使用 Safari 和 Mac OS X 來製作網站的網頁開發人員而言,“開發人員”選單提供了實用的工具。

注意:如果“開發人員”選單沒有在選單列中出現,請打開 Safari 偏好設定,按一下“進階”標籤頁,並選擇“在選單列顯示開發人員選單”。

“開發人員”選單包含下列選項:

打開網頁的瀏覽器:讓您使用電腦上的另一個網頁瀏覽器來打開要顯示的網頁。您電腦上的所有網頁瀏覽器會在子選單中列出。

使用者代理程式: 讓您更改網頁伺服器對您網頁瀏覽器的識別方式。使用此選項來“欺騙”網頁伺服器,使其認為您是使用 Safari 以外的網頁瀏覽器,藉此調查此伺服器是否會將不同的內容提供給不同的網頁瀏覽器。

顯示網頁檢閱器:打開“網頁檢閱器”。“網頁檢閱器”會列出在網頁上找到的資源類別,例如文件、樣式表和工序指令。它讓您可以檢視並搜尋網頁的原始碼、“串接樣式表”(CSS)資訊、DOM tree、visual DOM metrics 和 DOM 屬性。“網頁檢閱器”也包含了錯誤主控台和網路時間列。

顯示錯誤主控台: 打開“網頁檢閱器”之 HTML 和 XML 語法錯誤和警告的顯示功能。錯誤主控台也會顯示來自 console.log、console.error 和 console.warn 的 JavaScript 錯誤輸出。

顯示網路時間列: 打開“網頁檢閱器”的時間列,其會顯示您子資源的載入時間。在調查如何改進網頁載入速度時,此功能是很實用的。

顯示片段編輯器:打開一個視窗供您快速測試 HTML 的小片段,而無需打開整個網頁。

停用快取資料:讓 Safari 在每次取用子資源時,從網頁伺服器進行檢索,而無需使用快取的備份資料。

停用影像:讓 Safari 在影像應該出現的位置上顯示替用內容。若要確定您的網頁有合適的的替用內容,此功能是很實用的。

停用樣式:讓 Safari 忽略“串接樣式表”(CSS)的所有樣式。若要調查您網站上某些類型的頁面佈局問題,此功能是很實用的。如果您有在 Safari 的進階偏好設定中指定樣式表,則會繼續使用該樣式表。

停用 JavaScript:讓 Safari 忽略所有的 JavaScript。若要調查網站某些部分在運作上的特定問題,並測試網站在不支援 JavaScript 或已將其停用的網頁瀏覽器上是如何進行操作,此功能是很實用的。您也可以在 Safari 的安全性偏好設定中停用或啟用 JavaScript。

停用 Runaway JavaScript Timer:Runaway JavaScript Timer 是用來中斷過慢之 JavaScripts 的執行動作,讓您可以重新取得 Safari 的控制權。對於某些類型的自動化測試而言,停用此功能是很實用的。

停用 Site Specific Hacks:某些版本的 Safari 包含了特殊狀況程式碼,在 Apple 工程師與您協力找出較佳的長期解決方案時,此程式碼會允許特定網頁正常運作。此選項會停用此特殊狀況程式碼,讓您可以測試自己的長期解決方案。

相關主題

Safari 的開發網站