經驗最資深，功力最深厚的開發人員

網站一定要RWD嗎？

什麼是RWD?-RWD是Responsive Web Design的縮寫，顧名思義是指網頁會自動依上網者使用的不同上網設備而反應轉換，給予不同版面和字型外貌的呈現，達到最佳的瀏覽效果。

和手機版網站(Mobile Web)有何不同?-在早期許多大型入口網站，最早面臨手機上網用戶的需求，但是當時RWD的概念及規格技術尚未成熟，於是轉而使用Jmobile等套件，專門為手機寫一個手機版網頁，當客戶上網時再判斷是否是手機，如果是手機就導向手機版專用的網站。

　這樣做就會有許多缺點，首先因為是兩個不同的網站，在維護和資料統一上工作繁重，日久必然多有缺漏。以致形成兩個網站出現不同資訊，而如此現象，常令消費者產生錯厄的感覺，最嚴重的是當消費者使用手機上網時，他發現有些資訊是要在電腦版才有，想把網址切到電腦版，可是網站又會因為上網的是手機，自動切回手機版，變成一種手機永遠看不到消費者所要資訊的情形。

RWD的優點-因為網站內容只有一套，因應不同瀏覽設備的只是版面字型樣式上的不同呈現，所以永遠不會有資訊不一致的情況，網站維護輕鬆方便，再加上RWD相關的HTML5和CSS3技術規格不斷因應時代修正，所以在未來上網環境不斷變化時，依RWD開發的網站也必定能最快最簡單的做好因應，因此目前即使奇摩拍賣商家頁面，奇摩超級商城，蝦皮拍賣，行政院官網等大型網站，工程浩大，卻也都已經斧底抽薪，準備徹底RWD化了。而各大搜尋引擎也公開表明，RWD的網頁在關鍵字排名上將有優先加分權。

RWD的缺點-由於大小螢幕使用同一分內容，所以在內容呈現上比較不適合太複雜的內容和功能，尤其不能使用FLASH，讓電腦版網頁炫麗感失色不少，所以慎選網頁設計公司很重要，網頁公司必需能夠拋棄舊有設計思維的桎梧，用全新的觀點和技術去規畫網站內容，才能讓網頁有內容豐富又美觀的呈現效果。另外由於電腦手機等都使用同一網頁，在網頁載入時就必需多了判斷響應的時間，但這一部分隨著電腦速度以及網路頻寬的飛快提昇，已經影響很小，因為比起影音遊戲的流量，這點時差微乎其微。

網站要不想被淘汰，趕快RWD吧！綜合以上論點，加上行動裝置上網的數量已經凌越電腦上網，倍盟以長年在資訊界的經驗，可以大膽預測，要嘛網站退出網路市場，不然幾年內，搜尋引擎搜出的網站前面5頁，可能全部都是RWD化的網站了，所以，行動吧！馬上RWD！

如何檢測官網RWD否?

我要如何檢測我的官網是否已經RWD?-如果您現在正用手機檢視這個網頁，那麼最簡單的方法是直接到您的官網，把手機直的看，橫的看，看看是否效果都能像溜覽本站時相同，會自動調整最佳的版面及字體，獲得最清楚漂亮的網站內容，就可以了解您的官網是否已經RWD了。

如果您正在使用電腦上的Chrome瀏覽器-首先按進入開發者工具，然後在element按鈕旁有一個按鈕是檢測工具，樣子像2個疊合的長方型，注意是否為藍色，如果不是則按一下讓它成為藍色，瀏覽器內容面上方會出現各式裝置的選擇項目，此時就進入各式裝置模擬狀態中了，可以選擇不同的裝置，如上面敘述的方式，測試網站內容是否使用不同裝置時，仍然保持清晰易讀，藉以判斷您的官網是否已是RWD自適應的設計了。

如果您正在使用電腦上的firefox瀏覽器-首先在網頁上按右鍵，點選「檢查元素」，然後打開「自適應網頁模式」，好了，進入「自適應網頁模式」模擬檢視在各種設備上的顯示。可以切換解析度，也可旋轉方向，目前FireFox預設6種解析度，可拖拉右邊緣自行調整所要的解析度。

如果您使用電腦上的IE或其它瀏覽器-首先按下視窗右上角還原視窗按鈕，讓視窗成為可調整大小的模式，接著用滑鼠拖曳視窗邊框改變視窗大小，在過程中請注意您的官網，是否有隨著視窗大小自動調整版面和字體的大小，藉以判斷您的官網是否已經支援RWD了。

太複雜，您還是不會？-好吧，倍盟特別為您準備了一個RWD測試模擬器，您只要按下方按鈕前往我們的RWD測試模擬器網頁，然後在該網頁中輸入您的網址，接著按選不同的設備，可以立時檢驗出您的網頁在各種不同設備中的呈現效果
RWD測試模擬器