Quantcast
Channel: MUKI space* » Responsive Web Design
Viewing all articles
Browse latest Browse all 3

沒有行動裝置也能在電腦測試 Responsive design

$
0
0

Viewport Resizer

工具網站:Viewport Resizer
我已經很少介紹技術相關的網站,不過這個我真的覺得好好用,所以分享給大家。如果你符合以下情況,那麼你真的要試試這款好用的 Viewport Resizer
► 會撰寫 Responsive design
► 前端工程師
公司或住家沒有 平板(Pad)/ 智慧型手機(Smart phone)可以做測試

Viewport Resizer 的好處就在於,可以在網站直接進行測試,而且不用多安裝其他執行檔,只要將他寫好的 javascript 控制語法加入你的書籤即可,超級方便的唷:)

以下是簡易使用教學,提供給大家參考:

▼ Step1: 先將紅框的連結加入瀏覽器書籤/我的最愛。 (Chrome & Firefox 都可以直接用拖拉加到書籤列)

▼ Step2: 開啟你想要測試的網址,然後選擇書籤列的「Resizer」

▼ Step3: 靜待兩秒後,就發現網址頂端出現了一排行動裝置的選單,可以直接點選你想要的裝置進行測試。在同個裝置點擊多次,還可以選擇橫向/直向唷。

可擴充性:還有我覺得很棒的一點,就是作者很貼心的提供欄位讓我們可以自由增加測試的裝置。
點選你想要測試的行動裝置分類,再點選到裝置的型號,就可以產生屬於你自己的Bookmark囉!!!

我覺得真的是好棒的工具,對我沒平板、沒iphone,手機又跑很慢的人來說,真是一大福音壓 (♡˙︶˙♡)


Viewing all articles
Browse latest Browse all 3

Trending Articles