成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Android Web App官方文檔翻譯第五章:最佳實踐

移動開發 Android
為移動設備開發web頁面或者web應用與為桌面瀏覽器開發web頁面不同,會出現很多新的挑戰。為了幫助你開始,下面是一系列你需要遵循的最佳實踐,以便為Android和其他移動設備提供最有效的web應用。

1. 將來自移動設備的請求重定向到專門為移動端設計的Web版本

有好幾種方式可以讓你使用服務端的重定向將請求重定向到你的web站點的移動版本上去。最常見的情況是通過“嗅探”(”sniffing”)web瀏覽器提供的用戶代理字符串(User Agent string)。為了確定是否要提供一個你的站點的移動版本,你只需要在User Agent中尋找“mobile”字符串即可,它可以與很多移動設備匹配。如果需要的話,你還可以在用戶代理字符串中找到特定的操作系統(比如Android 2.1)。

注意:大屏幕的Android設備需要全尺寸的網站(比如平板電腦),因此在user agent中不包含“mobile”字符串,但它的user agent的其他部分基本是一樣的。由于這種情況的存在,你在發送你的站點的移動端頁面的時候,一定要確認user agent中是否包含“string”字符串。

2. 使用合適于移動設備的有效的DOCTYPE標記

為移動站點設計的最常見的標記語言是 XHTML Basic。這一標準確保了特定的標記可以在移動設備上有最佳表現。例如,它不支持HTML框架或是嵌套表格,因為這些在移動設備上表現都很糟。除了聲明DOCTYPE,還要聲明合適的字符編碼(比如UTF-8)。

例如:

  1. <?xml version=”1.0″ encoding=”UTF-8″?> 
  2. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML Basic 1.1//EN” 
  3. “http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd”> 

一定要確認你的web頁面的標記對于已經聲明的DOCTYPE來說是有效的??梢允褂抿炞C器(validator),比如由http://validator.w3.org提供的一個。

3. 使用viewport 元數據來將頁面調整至合適大小

在你的文檔的部分,你需要提供元數據來指定你希望如何在瀏覽器的viewport中呈現你的頁面。例如,你的viewport的元數據可以指定瀏覽器的viewport的高和寬,最初的web頁面規模甚至是目標屏幕分辨率(target screen density)。

例如:

  1. <meta name=”viewport” content=”width=device-width, initial-scale=1.0, user-scalable=no> 

想要獲取更多關于如何為Android設備使用viewport元數據的信息,請閱讀Targeting Screens from Web Apps

4. 避免多文件請求

因為移動設備通常比臺式機的聯網速度慢得多,因此你需要想辦法讓你的頁面盡快加載。一種加速加載方法是避免下載額外文件,比如中的樣式表和腳本文件。相反,直接在部分提供CSS或者Javascript即可(如果腳本是在頁面加載完以后才用到,那么將其包含在的結束部分也可)。同樣,你還可以通過類似于Minify的工具來壓縮你的文件。

5. 使用一個垂直的線性布局(Use a vertical linear layout)

在導航頁面的時候,要避免讓用戶左右拖動你的頁面。對于用戶來說,上下拖動更容易,也讓你的頁面更簡單。

要想知道更多關于如何創建偉大的移動web應用,請看W3C的移動設備最佳實踐。要看其他提升站點速度的建議(移動設備和桌面設備都適用),請看Yahoo!的最佳性能 指南以及Google在讓web 更快的加速教程。

責任編輯:佚名 來源: Web App Trend
相關推薦

2012-02-09 10:39:37

AndroidWeb App官方文檔

2012-02-16 10:18:48

AndroidWeb App官方文檔

2012-02-13 16:39:03

AndroidWeb App官方文檔

2012-02-16 09:56:29

2010-12-02 14:32:43

Mobile Web移動互聯網移動Web設計

2014-01-16 16:53:53

storm事務一致性

2012-01-17 10:20:25

Web App最佳實踐用戶體驗

2015-06-10 10:18:27

WebAPP開發技巧

2021-09-23 14:39:28

鴻蒙HarmonyOS應用

2015-07-02 16:10:11

UIStackViewiOS 9

2010-12-10 10:08:24

2010-11-26 09:36:41

移動互聯網移動Web界面Web站點

2020-06-12 07:00:00

Web開發項目

2009-07-21 08:21:46

Scala對象相等性

2009-07-21 09:31:00

Scala操作符

2009-07-21 09:31:00

Scala基本類型文本

2012-01-18 14:23:11

最佳實踐用戶體驗Web App

2009-07-21 08:41:05

Scala操作符優先級

2009-07-21 09:31:00

Scala數學運算邏輯操作位操作符

2009-07-21 08:54:35

Scala富包裝器
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 欧美一区二区三区一在线观看 | 久久精品视频99 | 午夜精品久久久久久久久久久久久 | 亚洲一区二区视频在线播放 | 精品国产18久久久久久二百 | 色综合一区二区三区 | 国产成人亚洲精品 | 久干网 | 日日噜噜夜夜爽爽狠狠 | 狠狠涩| 久久免费精品视频 | 欧美日韩高清免费 | 国产精品成av人在线视午夜片 | 国产在线精品一区二区三区 | 成年人在线观看 | 国产黄色大片在线观看 | 天天操天天干天天透 | 日韩一区二区黄色片 | 国产精品视频中文字幕 | 国产精品美女久久久久久免费 | 国产激情视频在线 | 亚洲欧美视频一区 | 欧美国产日韩精品 | 国产在线观看一区二区 | 国产黄色免费网站 | 日本人和亚洲人zjzjhd | 久久在线 | 五月天激情综合网 | 欧美精品一区二区三区四区五区 | 综合久久综合久久 | 久色视频在线 | 国产99久久久久 | 在线区| 国产高清精品一区二区三区 | 综合一区 | 91久久精品一区二区二区 | 亚洲男人的天堂网站 | 麻豆久久久久久久 | 99国产视频 | 91精品国产美女在线观看 | 国产精品一二三区 |