以前阿湯在開發網頁的時候,一開始還沒有手機瀏覽器的問題,只要簡單就好,但現在八成的人都用手機,不同型號、不同解析度、不同系統版本,這些都有可能會影響網頁的呈現,所以在開發時就要準備很多手機來做測試,現在我想問題少一點(但還是偶而會發生),如果你想確切的檢視各種手機型號的網頁呈現畫面,現在可以用 BLISK 這個網頁瀏覽器來檢視,一次搞定。

開發人員專用瀏覽器「BLISK」

下載安裝:https://blisk.io/

打開後應該可以發現,這就是 Chromium 為基底打造的,接下來就直接輸入要預覽的網址,直接前往。

開發人員專用瀏覽器「BLISK」,一次查看多種手機型號的網頁預覽畫面 01 10

然後點擊左上角的按鈕。

開發人員專用瀏覽器「BLISK」,一次查看多種手機型號的網頁預覽畫面 02 14

再來就選擇你要檢視的手機型號,從 iOS、Android 到平板及電腦版本都有,而且次最多可以查看八種機型的畫面,但如果你是要看平板或電腦的話,最好還是一次一個,不然畫面會太窄也看不出什麼鬼啊。

開發人員專用瀏覽器「BLISK」,一次查看多種手機型號的網頁預覽畫面 03 11

像阿湯一次選八種機型就會像這樣,然後這些畫面可以再各別去點擊查看網頁,看看有沒有什麼問題。

開發人員專用瀏覽器「BLISK」,一次查看多種手機型號的網頁預覽畫面 04 10

另外在 Templates 裡也有針對像是 iOS、Android 等,直接給你一個組合,也是不錯的選擇,開發人員快來下載吧,就不用再用一堆手機點半天了。

開發人員專用瀏覽器「BLISK」,一次查看多種手機型號的網頁預覽畫面 05 5

Categorized in:

電腦軟體,

Last Update: 2021 年 08 月 23 日