網頁設計

關於網頁設計的技術或相關資訊分享

設計實用軟體推薦 - Winsplit Revolution

  上次介紹了TestSize這個免費線上服務,可以在網頁設計時,測試網頁在不同的解析度下的顯示狀況,可是每次都要打網址總是嫌慢了些,而且打一次還要選一次解析度,另外也不能同時測試不同瀏覽器了,所以今天再來介紹這款Winsplit Revolution,他可以使用快速鍵快速的縮放視窗到指定的尺寸,大大提升了網頁設計的速度,還可以想用甚麼瀏覽器看就用甚麼瀏覽器看!

 基本資料

  下載後安裝時,可以選擇Classic installation一般安裝或Portable installation安裝成免安裝版,如果你想要帶著到處走的話,就選擇Portable installation安裝成免安裝版吧,這樣就可以把它放到隨身碟中,到處用了。


Winsplit Revolution

使用方法

  啟動了以後,最簡單的使用就是按住CTRL+ALT+右方數字鍵盤的123456789的任一個,就可以看到目前的視窗的大小在變動,123456789就是對應螢幕的方向,例如按了CTRL+ALT+4,視窗就會往左邊靠,尺寸會有幾個設定,如果是按CTRL+ALT+3的話,視窗則會往螢幕右下角靠齊,藉著這樣的熱鍵設定,我們就可以快速的切換視窗大小,來達到快速檢視設計的網頁,在不同解析度時的顯示狀況了,至於如何設定視窗的大小呢?請繼續往下看來。


Winsplit Revolution

設定調整

  在右下角工具列可以看到小圖示,在上面按右鍵,可以設定一些東西,例如熱鍵設置、佈局設置、選項、是否隨Windows啟動等,大家可以按造自己的需求去調整,隨Windows啟動的部分,有顏色表示會隨著Windows啟動,灰色表示不會,熱鍵的部分我保留原本的設定,沒有去更動,可以點進去看看裡面還有其他的熱鍵,例如把所有視窗並排等。


Winsplit Revolution

  我更動的部分是佈局的設定,因為我本身是使用1920*1080的解析度,我想要能夠快速的檢視1024*768、1280*1024這幾個解析度的視窗,我就去佈局的左移、上移的地方設定, 讓視窗的左上角放到0,0的位置,寬度及高度則得要自己算一下是目前螢幕的解析度的百分之多少,按下編輯去調整,之後當我按CTRL+ALT+7的時候視窗就會快速的在1027*768、還有1280*1024這兩個大小中切換。

  藉著這樣的小工具就可以不用再設計網頁的時候,還要去TestSize輸入網址看顯示狀況了,和不同瀏覽器搭配使用,就可以很方便同時檢視不同瀏覽器在不同解析度下的顯示狀況了,另外當你的工作視窗很多的時候,也可以利用這套小軟體,快速的並排收合各視窗,對於常常視窗很多的人,會是個不錯的小工具