![梅問題-BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面](http://photo.minwt.com/img/Content/webdesign/blisk-io/blisk-io_00.jpg)
但透過Chrome的網頁開發者人員工具,一次只能切換一種裝置,因此就得一直不斷的來回選取,才能檢測多種裝置,因此今天梅干要來分享個好物,那就是BLISK瀏覽器,一次就可讓網頁在多種裝置下預覽結果畫面,甚至還可拖曳畫面,與一般的快照式的預覽有很大不同,甚至BLISK還可旋轉畫面,看看網頁在裝置橫向時,是否也能正常顯示,因此身為網頁設計的你,這工具絕對不能錯過啦!
BLISK
軟體名稱:BLISK
軟體下載:https://blisk.io/
軟體下載:https://blisk.io/
Step1
下載並安裝完畢後,雙響在開啟BLISK瀏覽器,並輸入要檢測的網址。
![梅問題-BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面](http://photo.minwt.com/img/Content/webdesign/blisk-io/blisk-io_01.jpg)
Step2
在輸入完畢後,再點左上的六角圖示。
![梅問題-BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面](http://photo.minwt.com/img/Content/webdesign/blisk-io/blisk-io_02.jpg)
Step3
接著選擇要測試的裝置,分別有手機、平板、桌機…等各式裝置。
![梅問題-BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面](http://photo.minwt.com/img/Content/webdesign/blisk-io/blisk-io_03.jpg)
Step4
選取好後,再點右下角的Launch devices。
![梅問題-BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面](http://photo.minwt.com/img/Content/webdesign/blisk-io/blisk-io_04.jpg)
Step5
過一回,就會看到網頁在各裝置中的顯示畫面,這時只需要對著其中一個裝置滾動畫面,其它的裝置也會一起跟著滾動,這對於檢測來說真的是很方便。
![梅問題-BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面](http://photo.minwt.com/img/Content/webdesign/blisk-io/blisk-io_05.jpg)
Step6
甚至也可以旋轉裝置的方向,因此身為網頁設計的你,也趕快手刀來下載囉!
![梅問題-BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面](http://photo.minwt.com/img/Content/webdesign/blisk-io/blisk-io_06.jpg)