「Bootstrap3 Resize Tool」Bootstrap自適應網頁螢幕版型檢測工具

梅問題-「Bootstrap3 Resize Tool」Bootstrap自適應網頁螢幕解版型析檢測工具
  由於Bootstrap簡單好上手,同時內建了許多製作網頁常會用到的特,因此在短時間內,也變成主流的是RWD Framework,同時將RWD的網頁製作完後,大家最習慣的檢測方式,就是透過拖拉視窗,或是安裝改變視窗大小的外掛套件,針對個各種不同的解析來檢測,而最近梅干發現一套專為Bootstrap的視窗檢測工具,就可知道,所作的RWD自適應網頁,是否都有符合各裝置的解析,因此有在使用Bootstrap設計RWD網頁的朋友,這一個工具千萬別錯過了。

Bootstrap 3 Resize Tool
外掛名稱:Pinegrow Web Designer
支援平台:Google Chrome
下載網址: https://chrome.google.com/

Step1
進入Chrome線上應用程式,搜尋「Bootstrap 3 Resize Tool」關鍵字,接著再對著Bootstrap 3 Resize Tool按「加到CHROME」鈕。
梅問題-「Bootstrap3 Resize Tool」Bootstrap自適應網頁螢幕解版型析檢測工具
Step2
再按「新增擴充功能」鈕。
梅問題-「Bootstrap3 Resize Tool」Bootstrap自適應網頁螢幕解版型析檢測工具
Step3
當安裝完畢後,在右下角就會看到一個Bootstrap的「B」圖示,點一下就會展開Bootstrap的檢測尺寸,像是lg、md、sm、xs。
梅問題-「Bootstrap3 Resize Tool」Bootstrap自適應網頁螢幕解版型析檢測工具
Step4
點選要查看的裝置名稱後,立即視窗就會縮到指定的大小,如此一來就可知道,所寫網頁是否都能正常的縮放,並完整的呈現。
梅問題-「Bootstrap3 Resize Tool」Bootstrap自適應網頁螢幕解版型析檢測工具

相關文章

免外掛!五招快速Chrome切換頁籤,滿滿頁籤也不怕

免外掛!五招快速Chrome切換頁籤,滿滿頁籤也不怕

沒網路也不無聊~Google Chrome離線版限定「小恐龍」遊戲

沒網路也不無聊~Google Chrome離線版限定「小恐龍」遊戲

Chrome外掛-「Print Friendly & PDF」一鍵快速將當前網頁轉換成PDF檔

Chrome外掛-「Print Friendly & PDF」一鍵快速將當前網頁轉換成PDF檔

Google Chrome瀏覽器的網址列暗藏計算機功能,不但可加、減、乘、除還可開根號

Google Chrome瀏覽器的網址列暗藏計算機功能,不但可加、減、乘、除還可開根號

免裝軟體!打開瀏覽器,從LINE STORE隔空下載完整貼圖

免裝軟體!打開瀏覽器,從LINE STORE隔空下載完整貼圖





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

近期講座

近期講座

更多講座