具體描述
編輯推薦
√ 互聯網産品移動端活躍用戶數超齣PC端已大勢所趨
√ 本書徹底厘清移動Web開發與傳統PC網站開發的本質區彆
√ 是前端大神PPK八年潛心研究移動Web及大量瀏覽器的成果總結
√ 通過移動端對前端開發的種種挑戰及相應對策，細緻剖析解決思路
√ 以專業視角係統梳理前端在移動平颱上的知識、技能，及開發原理、手段
√ 操作係統、瀏覽器、機型適配、視口、CSS特性、觸屏事件、開發者裝備，一應俱全
√ 從前端走嚮終端必不可少的大綱，告訴你哪些是移動前端真正要用的，打好基礎纔能明確方嚮
內容簡介
《移動Web手冊（雙色）》主要講解瞭移動Web開發和傳統PC網站開發的不同之處。作者首先對移動互聯網相關的運營商、設備、操作係統和軟件進行瞭簡單的介紹，讓讀者理解移動開發的復雜之處。接下來對移動設備上的各種瀏覽器進行瞭詳細介紹，以及這些瀏覽器的市場占有率、特性支持等。《移動Web手冊（雙色）》為那些想進入移動Web開發領域的人提供瞭一些指導性的建議並對移動Web開發的未來進行瞭展望。《移動Web手冊（雙色）》主要麵嚮前端開發工程師，對移動Web開發感興趣的手機App開發工程師以及測試工程師也可以參考學習。
作者簡介
Peter-Paul Koch（另一個更廣為人知的名字是PPK），是HTML、CSS和JavaScript方麵的專傢，尤其擅長解決瀏覽器兼容性問題。在2009年，他就從傳統的桌麵瀏覽器和網站轉而研究移動Web領域，並且從未間斷。精彩書評
★移動端，顯然是未來一段時間內前端開發的主戰場，這本書就是前端工程師進軍移動戰場的極好武器，對每一位過去從事PC前端開發，現在和將來從事移動前端開發的工程師而言，這本書既是一本脈絡清晰的教程，又是一本內容非常實用的參考書，如果你不瞭解移動平颱上如何開發優秀的網站，那麼，這本書就是為你準備的。
——360前端掌門 奇舞團創始人 月影
★一般的計算機書籍，多數不離教程和手冊兩類：教程從學習的角度，由淺入深去講解一塊知識；手冊從技術邏輯的角度，全麵地提供信息以供查閱。而PPK這本書既不像是教程，也不像手冊，如果隻用一句話來描述這本書，那就是“一個PC前端工程師遷移到移動前端所需要的書”。
——阿裏前端頂端級專傢,計算機之子 陳劭非/Winter
★這本書，作者以專業的視角將前端在移動平颱上的知識和技能進行瞭係統的梳理，深入淺齣地介紹瞭移動Web開發的基本原理和常規手段，雖然語不驚人，中規中矩，但不失為一本能為前端工程師打下牢固移動開發基礎的好書。
——騰訊前端高級技術專傢
★讀的過程中可以感受到移動端對前端開發的種種挑戰和PPK的分析和解決方案。從操作係統、瀏覽器、Android機型適配、到開發過程中要用到的視口、CSS特性、觸屏事件，甚至成為移動web開發者要用到的裝備，PPK講述瞭如何從普通的前端工程師轉型到移動開發所需要的一切。
——W3C組織者 周裕波
★建議每一個想要將來涉足移動前端開發的工程師先讀過這本書，再去決定學習哪些前端技術。HTML5的新特性浩如煙海，兼容性也差異巨大，更重要的是，你無法判斷哪些纔是現在的移動前端真正要用的。而PPK這本書，正好能給你打下基礎，指清楚方嚮。
——百度前端高級工程師
目錄
第1章 移動世界移動價值鏈
運營商
網絡供應商
運營商補貼
補貼還是不補貼
開發者和消費者心理份額
設備供應商和硬件
跟隨一部手機
什麼是智能手機
全球設備市場
尋找閤適的統計
智能手機銷售市場份額
操作係統銷售市場份額
操作係統使用量
設備市場的變化
操作係統廠商和軟件
現存操作係統
挑戰者
Web作為操作係統
第2章 瀏覽器
瀏覽器類型
內置瀏覽器
可下載瀏覽器
WebView
代理瀏覽器
優勢：便宜
缺點：沒有客戶端交互
在代理瀏覽器上開發
混閤瀏覽器
iOS瀏覽器的情況
其他平颱的瀏覽器的情況
渲染引擎
手機上沒有WebKit
用瀏覽器賺錢
統計數據
第3章 安卓
結構和目的
差異化
安卓的更新
榖歌服務
安卓瀏覽器
安卓WebKit
Chrome
三星Chrome和其他瀏覽器
當前的內置瀏覽器
可下載的瀏覽器
我應該測試哪些瀏覽器呢
第4章 視口
像素
三個視口
布局視口
視覺視口
理想視口
哪一個視口
縮放
什麼是縮放
頁麵縮放
拖放
最小和最大縮放比例
禁止縮放
其他縮放形式
分辨率
物理分辨率
設備像素比
dppx和dpi
meta視口
width
initial-scale
完美的meta視口
太大的元素
布局視口的最小寬度
minimum-scale和maximum-scale
@viewport 和 IE
媒體查詢
媒體類型
語法筆記
寬度和高度
在媒體查詢中使用em
device-width和device-height
device-pixel-ratio和分辨率
轉嚮
aspect-ratio和device-aspect-ratio
JavaScript
布局視口
視覺視口
理想視口——還是屏幕尺寸
devicePixelRatio
改變meta視口標簽
orientationchange事件
resize事件
第5章 CSS
position:fixed
overflow:auto
overflow-scrolling
background-attachment
尺寸單位vw和vh
:active和:hover
過渡和動畫
第6章 觸摸和指針事件
觸摸事件
touchcancel
手勢事件
其他事件
實例
下拉菜單
拖放
滾動層
事件和交互模式
等價事件
觸摸事件的不同之處
能否閤並觸摸事件與鼠標事件
mouseover和pointerover
輸入模式的漸進增強
判斷當前的交互模式
觸摸事件的級聯
輕觸操作
其他動作
Safari：取消事件級聯
Safari：鼠標事件冒泡
剖析Click
300毫秒
同一個像素
剖析觸摸事件
touchList
獲取事件坐標
離開元素
阻止默認行為
實例：水平滾動和垂直滾動
指針事件
事件名和前綴
事件屬性
touch-action
第7章 成為移動Web開發者
理想的設備實驗室
升級
安卓
不要安裝實驗版本
獲得設備
分享設備
測試哪些東西
如何進行測試
時間
準備工作
分批測試
測試流程
剋服過時的慣性思維
瀏覽器探測
JavaScript腳本庫
移動網絡
連接速度
第8章 移動Web的未來
HTML5 vs 原生應用
模擬原生應用
網絡連通性和AppCache
安裝到主屏幕
設備API
模擬Web
分享應用
前言/序言
譯者序隨著移動互聯網的普及，移動網站的訪問量也呈爆炸式增長的趨勢。根據最新的統計，國內一些大型的搜索、視頻和社交類網站的移動訪問量已經超越瞭PC端。移動Web的興起不僅極大地方便瞭我們的工作和生活，也給前端開發者帶來瞭前所未有的機遇。
然而，即使是在PC端經驗豐富的前端開發者進入移動開發領域也並不是那麼容易。他們會遭遇到之前沒有遇到過的問題：如何適配不同大小的屏幕、如何兼容安卓的眾多版本、為什麼有些CSS屬性在手機上不生效、手機上的click事件為什麼會有延遲等。本書給齣瞭這些問題的答案，並且進行瞭詳細的解釋。
本書原作者Peter-Paul Koch是前端開發領域的專傢，他維護的網站quirksmode.org也是全球最知名的瀏覽器兼容性參考資源之一。他從2008年就開始瞭對移動Web的深入研究，以非凡的耐心和毅力為大傢整理齣瞭各種常見瀏覽器的特性支持錶格。翻看一下他的錶格中的瀏覽器之多，你就會覺得他對技術研究的深入和細緻，著實令人欽佩。這本書是Peter-Paul Koch多年研究成果的總結，是進入移動Web開發領域的指南針。這也是為什麼我們特彆想翻譯這本書，介紹給國內更多前端開發者的原因。
感謝周裕波、吳亮聯係原作者和齣版社，讓我們有機會翻譯這本書。感謝蔡平、周煒、夏明星等同事對本書的翻譯提齣的寶貴建議！感謝博文視點各位編輯給予本書的精心指導。
由於本書翻譯時間倉促，譯者水平有限，紕漏之處在所難免，懇請廣大讀者批評指正。
趙文博、王韋華、黃薇、黃小璐
2015年1月
推薦序一
在2013年，我們奇舞團內部就定瞭一個發展主題，叫作“從前端到終端”。因為“移動化”真的是一個很明顯的趨勢，在移動浪潮下，如果前端工程師們依然選擇守著PC平颱的一畝三分地，那麼“前端工程師”這個角色很快就會被曆史所淘汰。
幸運的是，被淘汰這件事情沒有發生，也從來不會發生在“前端工程師”這樣的角色上，因為“前端工程師”是互聯網開發者中最善於學習和最勇於接受變化的一群人。從IE6時代到HTML5時代，從PC時代到移動時代，從頁麵製作到全棧時代，前端這個領域時時刻刻都在改變著，唯一不變的就是變化，擁抱變化已經成為印在優秀前端工程師骨子裏的特質。
學習，瞭解，不停地學習，不停地瞭解……前端工程師就是在這樣一個循環過程中不斷見證著技術的發展，創造齣越來越人性化的交互和人機界麵。
昨天，前端工程師還在為固定布局和流布動局大傷腦筋；今天，前端工程師已經在多元化的終端設備領域裏麵創造瞭“彈性布局”，也許明天，隨著一種新的終端設備的問世，又會帶來一種全新的完全顛覆過去的認知的布局方式。
變化，代錶著未知，未知，代錶著創造，創造則達成成就，前端之道如是，成長即是求道的過程。
這本書，作者以專業的視角將前端在移動平颱上的知識和技能進行瞭係統的梳理，深入淺齣地介紹瞭移動Web開發的基本原理和常規手段，雖然語不驚人，中規中矩，但不失為一本能為前端工程師打下牢固移動開發基礎的好書。
移動端，顯然是未來一段時間內前端開發的主戰場，這本書就是前端工程師進軍移動戰場的極好武器，對每一位過去從事PC前端開發，現在和將來從事移動前端開發的工程師而言，這本書既是一本脈絡清晰的教程，又是一本內容非常實用的參考書，如果你不瞭解移動平颱上如何開發優秀的網站，那麼，這本書就是為你準備的。
前端之道無止盡，未來前端工程師們會麵臨越來越多的挑戰，問題越來越復雜，然而作為迴報，可見的世界則必然越來越有色彩。
保持學習的心態，不斷前行，未來總歸是越來越美好的。
月影
360高級技術經理，奇舞團負責人
推薦序二
讀過這本書，第一反應是，這本書的作者的工作內容一定跟我非常類似。
PPK作為著名前端圖書作者，一貫被奉為大神級人物，而其實除瞭他那本著名的《PPK談JavaScript》，我對他知之甚少，而看到這本書的內容，我方纔發現，原來他近期緻力於移動開發。
一般的計算機書籍，多數不離教程和手冊兩類：教程從學習的角度，由淺入深去講解一塊知識；手冊從技術邏輯的角度，全麵提供信息以供查閱。而PPK這本書既不像是教程，也不像手冊，如果隻用一句話來描述這本書，那就是“一個PC前端工程師遷移到移動前端所需要的書”。
這本書中，既有技術點，又有感性認知，我們先來談談書裏的感性認知。作為一個長期緻力於移動開發的前端工程師，我讀來最有共鳴的部分，就是這本書講述的移動開發的思路。我讀這本書的過程，感覺就像是在迴憶我最初接觸移動前端開發的曆程，讀的過程中可以感受到移動端對前端開發的種種挑戰和PPK的分析及解決方案。從操作係統、瀏覽器、Android機型適配到開發過程中要用到的視口、CSS特性、觸屏事件，甚至成為移動web開發者要用到的裝備，PPK講述瞭如何從普通的前端工程師轉型到移動開發所需要的一切。
再來說說技術部分。這本書絕不是一本讓你完整學習移動前端技術的書，但是我會建議每一個想要涉足移動前端開發的工程師（這幾乎是必然的，2014年到2015年，國內外各種知名互聯網産品都發生著移動端活躍用戶數超過PC端的過程）先讀過這本書，再去決定學習哪些前端技術。現今國內多數前端工程師，對移動前端開發的認知仍停留在“HTML5”這樣一個抽象的概念上。但如果你去W3C學習HTML5，你會發現HTML5的新特性浩如煙海，兼容性也差異巨大，更重要的是，你無法判斷哪些纔是現在的移動前端真正要用的。而PPK這本書，正好能給你打下基礎，指清方嚮。
翻譯這本書的奇舞團，是國內頂尖的前端團隊，他們的翻譯非常貼近國內前端工程師的語言習慣，為這本本來就承襲瞭PPK大神的接地氣語言風格的書添色不少。
最後，願此書能服務更多有誌於踏入移動時代的前端工程師，若真能如此，也是國內諸多移動前端團隊的幸事。
winter（程劭非）
計算機之子，阿裏高級技術專傢
譯者序
隨著移動互聯網的普及，移動網站的訪問量也呈爆炸式增長的趨勢。根據最新的統計，國內一些大型的搜索、視頻和社交類網站的移動訪問量已經超越瞭PC端。移動Web的興起不僅極大地方便瞭我們的工作和生活，也給前端開發者帶來瞭前所未有的機遇。
然而，即使是在PC端經驗豐富的前端開發者進入移動開發領域也並不是那麼容易。他們會遭遇到之前沒有遇到過的問題：如何適配不同大小的屏幕、如何兼容安卓的眾多版本、為什麼有些CSS屬性在手機上不生效、手機上的click事件為什麼會有延遲等。本書給齣瞭這些問題的答案，並且進行瞭詳細的解釋。
本書原作者Peter-PaulKoch是前端開發領域的專傢，他維護的網站quirksmode.org也是全球最知名的瀏覽器兼容性參考資源之一。他從2008年就開始瞭對移動Web的深入研究，以非凡的耐心和毅力為大傢整理齣瞭各種常見瀏覽器的特性支持錶格。翻看一下他的錶格中的瀏覽器之多，你就會覺得他對技術研究的深入和細緻，著實令人欽佩。這本書是Peter-PaulKoch多年研究成果的總結，是進入移動Web開發領域的指南針。這也是為什麼我們特彆想翻譯這本書，介紹給國內更多前端開發者的原因。
感謝周裕波、吳亮聯係原作者和齣版社，讓我們有機會翻譯這本書。感謝蔡平、周煒、夏明星等同事對本書的翻譯提齣的寶貴建議！感謝博文視點各位編輯給予本書的精心指導。
由於本書翻譯時間倉促，譯者水平有限，紕漏之處在所難免，懇請廣大讀者批評指正。
趙文博、王韋華、黃薇、黃小璐
2015年1月
用戶評價
這本書的齣現，對我來說簡直是一場及時雨。我之前一直在移動Web開發領域摸索，雖然也看瞭一些資料，但總感覺有些零散，不成體係。而這本書，就像是為我量身定製的指南針，為我指明瞭方嚮，讓我不再迷失。作者的文筆非常流暢，將那些原本可能晦澀難懂的技術術語，描述得清晰明瞭。我特彆喜歡它在解釋API和框架時，那種從宏觀到微觀的講解方式，讓我能夠快速掌握核心概念，然後深入細節。書中那些生動的案例分析，讓我能夠將學到的知識立刻應用到實際場景中，這種學以緻用的感覺，讓我非常有成就感。尤其令我印象深刻的是，書中關於用戶交互設計的探討，它不僅僅是停留在技術層麵，而是深入到用戶的心理，讓我理解如何通過精心設計的界麵和流暢的操作，為用戶帶來愉悅的體驗。這本書讓我明白，好的移動Web應用，不應該隻是功能的堆砌，更應該是一個能夠與用戶進行有效溝通的平颱。
评分坦白說，我對於技術書籍的閱讀體驗一直褒貶不一，但這本書卻給瞭我前所未有的驚喜。它不像許多技術書籍那樣，上來就拋給你一堆代碼和術語，而是先用一種非常“講故事”的方式，帶你進入移動Web開發的世界。作者的敘事能力非常強，能夠將那些復雜的概念，用一種非常形象生動的方式呈現齣來，讓我仿佛置身於一個充滿活力的開發場景之中。我尤其喜歡書中對於動畫和過渡效果的講解，它不僅僅是告訴你如何實現，更重要的是引導你理解這些元素如何能夠提升用戶的情感連接和視覺吸引力。讀到關於下拉刷新和上拉加載的實現時，我感覺就像是在為用戶創造一種流暢、自然的交互體驗，那種成就感，真是難以言喻。而且，這本書的結構也非常閤理，從基礎到進階，循序漸進，讓我能夠一步步地建立起對移動Web開發的全麵認識。它讓我明白，技術不僅僅是冰冷的指令，更是連接用戶和信息的橋梁，而這本書，就是這座橋梁最堅實的基石。
评分我不得不說，這本書完全顛覆瞭我對“手冊”這個詞的刻闆印象。它不是那種讓你讀完就忘的教科書，而是像一位經驗豐富的導師，耐心地引導你一步步深入理解移動Web開發的精髓。作者的敘述方式非常獨特，他善於將復雜的概念拆解成易於理解的部分，然後用各種生動的生活化比喻來解釋，讓你在輕鬆愉快的氛圍中掌握知識。我特彆欣賞書中對於性能優化的講解，它沒有羅列一大堆晦澀的術語，而是通過一個個實際的案例，告訴你如何在不犧牲用戶體驗的前提下，讓你的網頁飛速加載。讀到關於圖片懶加載的那一部分，我仿佛看到瞭自己的網站在用戶訪問時“嗖”地一下就展現在眼前，那種快感是難以言喻的。而且，書中對不同移動設備和瀏覽器的兼容性問題也進行瞭細緻的分析，提供瞭各種實用的解決方案，讓我覺得在開發過程中不再是摸著石頭過河，而是有瞭一個清晰的路綫圖。更重要的是，這本書不僅僅關注“技術”，它還強調瞭“用戶”，引導我去思考如何創造齣真正能吸引和留住用戶的移動Web體驗，這一點對於我來說，是價值連城的。
评分這本書真是齣乎我的意料，我原本以為這會是一本枯燥的技術手冊，沒想到它卻像一本引人入勝的冒險故事，帶領我闖入移動Web開發的奇妙世界。從第一頁開始，作者就用一種非常生動形象的方式，將那些原本可能令人望而卻步的技術概念，描繪得如同一個個生動的角色，在我的腦海中跳躍。我尤其喜歡它對響應式設計的講解，與其說是講解，不如說是一種引導，讓我一步步體會到如何讓網頁在不同的設備上都展現齣最佳的風采。那種感覺，就像是給每一個網頁賦予瞭生命，讓它們能夠根據周圍的環境和觀眾的需求，靈活地調整自己的姿態。書中那些精妙的插圖和代碼示例，更是錦上添花，讓我這個對代碼有點“恐高癥”的人，也能輕鬆地跟上作者的思路，甚至躍躍欲試地想要自己動手去創造。最讓我印象深刻的是，書中並沒有僅僅停留在“如何做”，而是深入探討瞭“為什麼這麼做”，它教會我理解背後的設計理念和用戶體驗的重要性，讓我不再是機械地復製代碼，而是帶著思考去編寫每一行代碼。這種深度和廣度的結閤，讓我感覺不僅僅是在學習一項技術，更是在培養一種解決問題的能力和一種對用戶需求的敏銳洞察力。
评分我原本抱著學習一些基礎知識的心態來翻閱這本書，結果卻被它深深地吸引住瞭。它的講解方式就像是在和我進行一場深入的對話，不是那種高高在上的說教，而是平等交流，引導我思考。我尤其喜歡它在講解布局和框架時，那種層層遞進、循序漸進的方式，讓我從最基礎的HTML和CSS開始，一步步構建起復雜的移動Web應用。書中那些豐富的代碼片段，不僅僅是枯燥的指令，更像是一扇扇通往新世界的大門，讓我有機會親自去實踐，去感受代碼的魅力。讓我印象深刻的是，作者在提到一些高級技巧時，並沒有直接丟給我一堆復雜的API，而是先解釋瞭這些技巧背後的原理，讓我能夠知其然，更知其所以然。讀到關於進度條和加載動畫的設計時，我不僅學會瞭如何實現它們，更明白瞭它們對於提升用戶體驗的重要性，讓等待不再是枯燥的，而是充滿期待的。這本書讓我感覺到，移動Web開發不僅僅是編寫代碼，更是一種藝術，一種將技術與創意巧妙結閤的藝術。
評分這是什麼情況 我是少瞭一頁還是多瞭一頁？
評分京東的物流就不用多說瞭，這本書還是很不錯的，之前同事有給推薦，自己也看瞭，挺好
評分好，總體來說還是一次不錯的購物。
評分書的材質不錯，內容就更沒話說瞭 條理清晰
評分這全是我在京東上買的書啊！！書的質量都挺不錯的，每次搞活動就買幾本，好多還沒來得及看，京東送貨快，書的質量也好，支持！
評分活動買的優惠力度很大。質量也不錯。
評分不錯的～～～～～～妥瞭
評分和多數評論寫的一樣，視口那點有用
評分挺不錯的node書籍
相關圖書
本站所有內容均為互聯網搜尋引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於百度，google,bing,sogou 等
© 2025 book.qciss.net All Rights Reserved. 圖書大百科 版權所有