比較瀏覽器的響應式設計

許多桌面應用程序旨在同時在各個維度上顯示您的網站，從而促進CSS開發和視口測試。這些應用程序共享相似之處，包括“事件鏡像” - 在一個窗口中滾動和單擊之類的actions在另一個窗口中被複製。縮放允許查看多個縮放設備。讓我們檢查他們的關鍵差異。

嘶啞

• 平台： Windows，Mac，Linux
• 定價：付費計劃起價為5美元/月

Sizzy擁有許多以開發人員為中心的功能：

• 通過命令輸入端口殺死。
• 通用檢查模式（儘管DevTools的更改不是普遍應用）。
• 一鍵式節流，離線模式，JavaScript禁用和設計模式激活。
• 切換圖像隱藏，樣式禁用，元素概述和Google字體覆蓋。

響應性應用程序

• 平台： Windows，Mac，Linux
• 定價：開源（免費）

功能包括：

• 使用正確的DevTools上下文選擇的通用檢查模式。
• SSL驗證禁用選項。
• 一單擊的黑暗模式。

閃電

• 平台： Windows，Mac
• 定價：免費（以每月10美元的付費升級）

Blisk提供：

• 基於文件更改的自動刪除功能。
• 單個DevTools，以及用於元素框模型尺寸的自定義工具。
• 自定義錯誤報告。
• 標準瀏覽器功能的“瀏覽模式”。

息肉

• 平台： Windows，Mac，Linux
• 定價：免費（帶有10美元/月的付費計劃）

關鍵功能：

• 無縫TAB傳輸的瀏覽器擴展。
• 無縫的通用檢查模式（變化不是普遍傳播，而是“實時CSS”在所有設備中註入CSS）。
• 基於斷點的設備基於CSS開放。

二人

• 平台： Mac（Mac App Store，$ 5）
• 狀態：顯得不活躍；網站離線。
• 最小功能：並排，可重新分配的兩列視圖。

審查

• 類型：瀏覽器擴展（不是獨立應用程序）
• 狀態：似乎是一個不活動的項目； “斷點”視圖功能似乎斷開。

結論

雖然Polypane的入職雖然有些侵入性，但其功能集是最全面的。 Sizzy是一個強大的競爭者，但具有更混亂的界面。 Blisk對移動設備的關注和較大的視圖與一些工作流程保持一致。響應性應用程序的開源性質很有吸引力，但其長期可持續性尚不確定。回复：View的瀏覽器擴展方法很方便，但其不活動狀態使其不切實際。因此，息肉是最佳選擇。

以上是比較瀏覽器的響應式設計的詳細內容。更多資訊請關注PHP中文網其他相關文章！