无码精品宅男二区在线观看_无码香蕉久综合在线久草观看_久久亚洲三区亚洲热香蕉导航综合_亚洲伊人热一本香蕉天久麻豆熟女老司机乱伦

互聯網知識

精準傳達 ? 價值共享

洞悉互聯網前沿資訊，探尋網站營銷規律

查看其它板塊

網站寫響應式好還是手機和PC端分開來寫好？

作者：狐靈科技 | 2019-07-30 22:07 |點擊：

手機和PC端分開來寫，為了方便，下面簡稱為PC和移動分離。這個問題我們之前在另外一篇文章中討論過，但是感覺還是不夠全面，所以從另外一個角度（偽前端？）再來深入探討一下。
 
在《打造高可用性的移動產品》一文中，作者提到過：“移動和桌面設計的差別遠不止是布局問題。只要有足夠的編程量，這些差別是可以通過響應式設計來解決的。事實上，你可以認為如果一種設計不能兼顧兩種平臺的主要差別，就不能算是合格的響應式設計。但是，如果確實想要處理好平臺間的所有差異，我們就回到了原點：進行兩種不同的設計。”
 
可見響應式與移動開發不是硬幣的正反面。它們是為了解決同一個技術問題而被創造出來，它們是同一種技術思想的分支延伸。
 
既然無情的回到了原點，我們先來看看我們當初想要解決的問題：“屏幕尺寸越來越多，不同設備的交互特質也有著巨大的差別，我們希望我們的網站能夠在移動手機、平板、桌面電腦，在鍵鼠、觸摸、無障礙設備上都有優秀的用戶體驗。所以，我們需要網站的用戶界面在不同的平臺上有所不同。”
 
響應式設計 (Responsive Web design)方案
 
目前普遍的認知是，把主要依靠 CSS （主要是 Media Query，網格與Typography系統），輔以少量的JS，來對各種屏幕尺寸進行響應的做法，稱之為響應式布局。
 
這種主要依靠CSS和少量JS的方案有很多優點，比如：
  • 設計風格和細節能被復用，大大降低了設計成本 - 美工開心
  • 前端只需要維護一套CSS代碼 - 前端開心
  • 桌面端與移動端的設計十分接近，令用戶感到“熟悉” - 用戶開心？
  • 不需要任何服務器端的支持 - 后端開心
  • 與業務耦合程度低，復用程度高 - 后端開心
看起來就是，大家都開心，所以很多著名的開源項目（例如：Bitwebcms、Bootstrap、Foundation）都進行了跟進。
 
但有些地方也并不是那么完美的：
  • 功能需求復雜時，光靠響應式無法支持復雜的需求
  • 前端代碼執行效率低（我們測試過，大概低3-5%）
  • 桌面端的交互和移動端的交互很難針對平臺作出差異
 
 
假如你的網站（或者系統）在桌面和移動上的功能和用戶體驗幾乎一致，就像大部分的企業站網站、博客和信息展示網站，或者活動、專題頁等偏重信息傳達而輕交互的網站，那么響應式絕對是最佳解決方案。
但是（永遠有個但是），如果我們很有錢，也很有時間，想要做更多的移動端設計，比如減少信息層級、增強手勢操作、讓網頁更接近一個應用程序？于是，為了更復雜的需求，為了我們的網站能更牛逼的匹配各個屏幕，聰明又勤勞的工程人員們又提出了這些解決方案：
 
RESS （Responsive Web Design with Server Side Components）翻譯過來就是通過服務器端組件的響應式網頁設計，簡單的說，就是讓服務器后臺摻乎進來。RESS的贊同者大都認為基于前端的響應式方案只是一種妥協和不徹底的行為。有大神總結到：“ UI 只是在很被動的進行「調整」，而不能真正達到各個平臺的最優。好的設計應該達到「這個設備該有的體驗」（Device Experiences）。 ”服務器端的好處是服務器端為同一個URL動態的生成不同的內容：包括HTML，JS，CSS，甚至是字體和圖片等資源。這樣可以規避前端響應帶來的執行效率低下和頁面打開速度慢的問題。（我個人并不覺得太慢~）
 
 
有些人還在在 JS 中實現兩套邏輯，分別兼容桌面和移動設備。通過 UA、特性檢測在前端做設備判斷，對資源進行異步加載，渲染不同模版，使用不同的業務邏輯，針對不同的平臺加載不同的UI和業務模塊等等……
 
 
那么現在，我們的網站可以更牛逼的 “響應” 各個平臺了。然后悲劇發生了。您會發現，不怎么在乎成本的老板，也會向你開始抱怨太慢。后端、前端和美工慢慢的開始抱怨多了起來。大家又有了新的想法，我們為什么不干脆把移動網站和桌面網站分開到兩個系統中？如果你的需求真的都到這一步了，你的移動網站已經不是一個普通的網站了，也應該可以被稱作 WebApp了。把移動設備網站徹底分開也許真的非常適合你。如果開發資源足夠充足，咱們還可以讓專門的團隊來維護專門移動端的網站。（嗯，事實上，不差錢的BAT 就是這么干的）
 
于是又一個昂貴的概念誕生了，獨立的移動版網站。不過，它真是那么獨立么？至少，是和桌面版用的同一個根域名吧。多數情況下，這個時候會需要使用到獨立的二級域名。那么問題來了，難道我們要讓所有用戶在計算機上自覺訪問 http://taobao.com ，然后手機上都自覺訪問 http://m.taobao.com？所以，我們還是要根據訪問設備做一次 “響應”（設備檢測），然后進行 URL 重定向，才能將不同設備的用戶帶到那個為他們準備精心的那個網站。所以從根本上說，手機和PC端分開來寫，只是響應式設計的一種再次的發展和延伸罷了。他們的界限沒有某些響應式技術的黑粉眼中那么清晰，其實也不需要那么清晰。
 
如果不能兼顧兩種平臺的主要差別，就不是好的辦法，無論是響應式還是PC和移動分離。
 
這不是一個二選一的問題，而是一個平衡度選擇
如沒特殊注明，文章均為狐靈科技原創,轉載請注明?? "網站寫響應式好還是手機和PC端分開來寫好？
相關推薦
多一份免費策劃方案，總有益處。

請直接添加技術總監微信聯系咨詢

網站設計 品牌營銷

多一份參考，總有益處

聯系狐靈科技，免費獲得專屬《策劃方案》及報價

咨詢相關問題或預約面談，可以通過以下方式與我們聯系

業務熱線：15082661954 / 大客戶專線：15523356218

關于狐靈科技

+

狐靈致力于互聯網品牌建設與網絡營銷，專業領域包括 網站建設、 SEO優化、移動互聯網營銷、高端網站建設、高端網站設計、品牌網站定制開發、營銷策劃推廣電子商務、移動互聯網營銷、 為不同類型的客戶提供良好的互聯網應用定制解決方案，我們將策略和執行緊密結合，且不斷評估并優化我們的方案，為客戶提供一體化全方位的互聯網品牌整合方案！

我們的優勢

量身打造個性化網站制作

代碼深度符合SEO優化

一站式企業網站建設服務

前沿視覺設計、研發能力

重慶網站建設公司

多項網站設計傳播大獎

營銷型網站建設專家

自主研發網站管理系統

B2C電商網站建設供應商

完善的售后服務體系

我們的不同

+

在我們的對手消耗大量的時間停留在碎片化的互聯網設計或者程序實現的時候，我們已經開始把數字化品牌建設和網絡傳播進行了整合。我們提供從前期的網站品牌分析策劃、網站設計、創意表現、系統開發以及后續網站運營反饋建議等一系列服務，幫助企業打造創新的互聯網品牌經營模式與有效的網絡營銷方法,為所有謀求長遠發展的企業品牌貢獻全力！

公司地址：重慶市九龍坡楊家坪重百大樓21-8 | 業務熱線：15082661954

Copyright © 2017-2020 Fox spirit Network. 狐靈科技 版權所有 | 渝ICP備19005721號-1

專業團隊為您提供 重慶網頁設計, 品牌網站設計,營銷型網站制作,SEO優化關鍵詞排名推廣等服務,建網站就找狐靈科技！ | TAG標簽 | 網站建設地圖 | 網站地圖