一個視窗同時盯著桌面與手機:Blisk 把響應式測試搬進來

摘要

Blisk 以 Chromium 為基礎,定位是網頁開發與測試而非日常上網。它內建一百款裝置,桌面與行動視圖並排顯示並共用捲動位置,存檔即重新整理,也會即時回報腳本錯誤。

推薦
軟體名稱
Blisk
版本
25.0.115.28
收費
付費
開源
非開源
作業系統
WindowsmacOSLinux
更新時間
2026-10-04 21:45

為做頁面而生,不是為了看頁面

Blisk 是以 Chromium 為基礎的瀏覽器,用途是網頁開發與測試,而不是日常上網。它把檢查響應式頁面需要的那套裝備直接做進瀏覽器裡:內建一百款裝置,涵蓋手機、平板、筆電與桌面,系統包括 iOS、Android、iPadOS、macOS 與 Windows。Windows、macOS 與 Linux 都有官方版本。

這個選擇的理由不難理解。測一個會隨螢幕改變的版面,平常要一個瀏覽器、一套裝置模擬、一個負責同步捲動的工具,再加一個負責存檔重載的工具,每一個都有自己的習慣。把它們收進同一個視窗,並沒有新增什麼能力,而是把一天裡切換四套工具上百次的成本拿掉。

developer browser with devices

並排看,一起捲

核心視圖是一對:桌面視圖與行動視圖並排放在一起,同一段程式碼在同一個瞬間呈現在兩邊。更有用的是同步——裝置會跟隨彼此的網址與捲動位置,一邊滑到哪裡,另一邊就跟到哪裡,不必再到另一個視窗裡重新找同一段。

裝置組可以存下來重複使用,也能分享給團隊成員,於是每天早上重新排那五台裝置的儀式就消失了。每台裝置都能各自打開開發者工具做除錯與效能測量,因此在窄版上發現的問題就在窄版上查,而不是靠猜。

side by side device view

存檔就重載,出錯馬上知道

自動重新整理盯著原始碼:改動存檔後頁面自己更新,樣式表也可以設成非同步更新而不整頁重載。哪些檔案類型、哪些目錄會觸發重載可以明確指定;對於有打包或前置處理流程的專案,還能設定延遲,讓重載等建置跑完再發生。

內建的監看會即時回報腳本錯誤與載入失敗的資源,問題出現在哪台裝置就在那裡報出來。當下就看到的錯誤參照是兩分鐘的事;等到下午結束才發現,就得在一整天的改動裡翻找。

error notification panel

截圖、錄影與情境模擬

截圖與錄影會自動上傳,因此可以直接分享給同事或附進問題回報,不必繞過檔案管理員;截圖還附一個小編輯器,用來標出重點。情境測試方面,它可以模擬中等或較慢的網路、切換深色主題、送出觸控事件、切換橫直向,並以真實尺寸顯示裝置。

它也能從命令列或終端機啟動,事先指定裝置、網址與方向,還能透過連結從其他瀏覽器喚起。授權方式是免費試用加上付費授權,當前版本為 25.0.115.28,確切權益建議直接看官方說明。

誰會真正用到它

每天要在寬版與窄版之間來回確認的前端工作者,最直接受益於並排視圖與捲動同步;因為每一次「改完再到另一個窗口找同一段」的動作都消失了。要把裝置組分享給團隊、讓大家看到同一組樣式的人,省下的是每次重新排裝置的時間。而把截圖或錄影附進問題回報的人,省下的是一段不必要的中間步驟。

做響應式頁面時,最花時間的通常是趁改動還熱著的時候到真機上確認結果,而 Blisk 把這件事壓進一個視窗:並排視圖、捲動同步、存檔重載三件事加起來,省下的時間是真的。至於授權值不值得付,建議先用試用版跑完一個專案再判斷。

Blisk下載地址
支援的作業系統: Windows macOS Linux