1. 程式人生 > >初識跨終端Web

初識跨終端Web

兼容性 div 超越 clas 可靠的 理解 dsm 本質 方案

近期試讀了《跨終端Web》這本書的部分章節,既為了拿到書,也為了記錄下讀後的收獲的東西,這會是個非常好的習慣吧。

標題為“初識跨終端Web”。對我來說最貼切了,在此之前,我所做的網頁開發都是基於PC網頁的,希望可以有個好的開頭,好好深入。

在這本書的開頭,作者就點到,他接下來要說的是“跨終端”而非“跨設備”,我們經常聽到“跨設備”(或者說“跨平臺”),這個字眼給我們的第一印象是這個頁面既能夠在PC端正常打開,又能夠在移動設備上正常打開。“跨終端”和“跨設備”二者在多數場景下往往能夠相互替換,但又有細微的差別,作者已經說得非常明確,“跨設備”僅僅是單純地講適應不同的client,而“跨終端”可能要細分到設備的應用裏,在不同應用上,包含瀏覽器。都應該能正常打開(至少我是這樣理解的)。

“跨終端Web”是為了滿足我們對訪問體驗的要求而出現的。我們希望它能讓終端上的web具有可靠的交互性,當然。還要有良好的展示效果,我們不希望他像曾經的wap網頁那樣枯燥無味,這可能有點難度,由於它要適應不同的設備,不同的應用,這裏包含了不同的屏幕寬度,不同的操作方式等差異。

作者闡明了一個理念——移動優先。

移動優先的概念涵蓋了移動流量暴增、聚焦業務本質和人機交互擴展。移動設備對人們來說越來越重要。而人們對移動網絡的依賴也越來越大,甚至超越了PC,不僅如此,這個趨勢還在保持著,其重要性不言而喻。過去,人們設計網頁都是先設計PC端網頁再設計移動端的網頁。甚至僅僅設計PC端的網頁,這些網頁再移動端的兼容性往往達不到理想的效果。

聚焦業務本質是這個理念的核心,試想。我們要把整個站點系統的業務搬到小小的移動端屏幕上。這就須要非常好的規劃了,我們要把最核心的業務放到屏幕上展現給用戶。而人機交互擴展更是前沿,就眼下來看,這個方面恐怕大部分都屬於移動端和平板電腦了。

作者還為我們提到了幾個實現“跨終端web”的手段。特別地提到了“響應式”。在讀該書之前,我。不僅僅是我,可能還有非常多人,都會把“響應式”當作“跨終端”吧。實際上,它僅僅是實現“跨終端”的當中一種手段而已。“響應式”的要求是要兼容不同的設備。在各種大小的屏幕上都要正常顯示,因為這樣的自適應,也難怪非常多人會把它當作“跨終端”。它似乎看起來非常好用。但它的問題也非常明顯,這也限制了它,我認為它不適合在大型站點系統上使用吧,不然,那會得讓人看到頭暈暈。

作者還提到的其它幾種實現“跨終端”的手段是多網站、多模板和多平臺,那麽解決方式呢?各個方法都有兩面性,或許我們能夠參考大公司的方法——同一時候使用多種方案。

或許以下的章節還會有不錯的內容。

初識跨終端Web