1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面

BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面

2021/08/25

梅問題-BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面
  現在在設計網頁RWD(自適網頁)已變成基本需求,且隨著手機、平板,一直不斷的推層出新,讓在設計網頁時,變得更加的複雜,當把RWD網頁設計完畢後,最後就得到不同的裝置一一的來作測試,但總不可能把所有的裝置買齊,所以這時就可透過瀏覽器中的網頁開發人員工具,來模擬各種裝置的螢幕尺寸,來檢視看網頁在各裝置底下是否正常。

但透過Chrome的網頁開發者人員工具,一次只能切換一種裝置,因此就得一直不斷的來回選取,才能檢測多種裝置,因此今天梅干要來分享個好物,那就是BLISK瀏覽器,一次就可讓網頁在多種裝置下預覽結果畫面,甚至還可拖曳畫面,與一般的快照式的預覽有很大不同,甚至BLISK還可旋轉畫面,看看網頁在裝置橫向時,是否也能正常顯示,因此身為網頁設計的你,這工具絕對不能錯過啦!


BLISK
軟體名稱:BLISK
軟體下載:https://blisk.io/

Step1
下載並安裝完畢後,雙響在開啟BLISK瀏覽器,並輸入要檢測的網址。
梅問題-BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面
Step2
在輸入完畢後,再點左上的六角圖示。
梅問題-BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面
Step3
接著選擇要測試的裝置,分別有手機、平板、桌機…等各式裝置。
梅問題-BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面
Step4
選取好後,再點右下角的Launch devices
梅問題-BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面
Step5
過一回,就會看到網頁在各裝置中的顯示畫面,這時只需要對著其中一個裝置滾動畫面,其它的裝置也會一起跟著滾動,這對於檢測來說真的是很方便。
梅問題-BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面
Step6
甚至也可以旋轉裝置的方向,因此身為網頁設計的你,也趕快手刀來下載囉!
梅問題-BLISK 專為前端網頁設計人員而生的瀏覽器,可同時檢測網頁在各裝置下的顯示畫面