移動網站的發展與普通網站有何不同？

Question

我們將重新開發一個我們開發的ASP.NET網站作爲移動網站。 因此，我想知道移動網站的發展與普通移動網站的發展有何不同？

另外，考慮到這個移動網站主要是從iPhone中瀏覽，這樣做的最佳方法是什麼？

Answer 1

移動設備和標準計算機之間存在許多差異。

• 屏幕更小（顯示頁面的像素更少）。您應該在每個頁面上放置更少的元素。
• 它們通常以縱向模式（窄顯示 - 窄頁面）查看。您應該計劃使用屏幕的整個寬度，而不是像大多數人在標準網頁上那樣設置固定的頁面寬度。
• 人們用手指手勢來操作頁面，而不是鼠標（按鈕/鏈接應該更大一些）
• 它們可以包括其他功能，例如地理位置，聯繫電話等，你可以融入你的應用程序是更易於使用。有一些庫可用於幫助您使用這些庫，例如jQuery Mobile。
• 用戶擔心電池使用時間加上CPU速度會變慢。確保您將動畫和客戶端處理降到最低。
• 用戶關心數據使用情況。保持ajax調用的最低限度（不要每隔幾秒向服務器請求數據！）並節省使用圖形（最好使用html/CSS使頁面更具吸引力）。
• Flash在iPhone上不受支持，並且在其他設備上不受支持。但是，大多數移動設備對HTML5都有不錯的支持，所以通常可以使用它。

Answer 2

恐怕你不能使用當前的asp-View特別是iPhone手機。 iPhone開發有專門的控制集 - componentone。

如果您的Web應用程序基於MVC或MVP模式，那麼移動並不困難。

Answer 3

最近我們爲iphone用戶開發了一個站點，我們使用asp.net/sql作爲普通站點。 但是，當你看手機網站時，手機通常有小屏幕和一些時間優化問題。

我們使用jqtouch進行移動開發。用於iPhone，Android，iPod Touch和其他具有前瞻性設備的移動Web開發的JQuery插件。

Learning Video

Getting started

Answer 4

智能手機用戶使用不同的體驗。

除了Brian的答案，我想補充：

• 屏幕不調整，但滾動，但是雙方滾動通常不是一個很好的經驗
• 屏幕取向可以改變，但同樣的滾動規則
• 消費者使用的應用程序一樣的行爲和與頁面之間來回這樣少的信息是常見的，網站之間
消費者普遍有數據的擔憂使數據流量需要最小化
• 控制器/按鈕/選擇/數據輸入需要針對手勢進行優化 - 例如，考慮彈出的鍵盤彈出以允許輸入數據，屏幕有多少可用 - 如果需要，可以輕鬆查看所有輸入至？

我建議開發移動網站的目的是使用目標智能手機幾個星期瞭解設備在現實世界中的使用方式。

Answer 5

爲移動網站建立上下文：是否有與您的移動用戶更相關的信息子集？也許你的常規網站上有與移動設備無關的應用程序？無論哪種方式，您應該在移動文件夾中分別創建您的手機網站分開！然後，您可以使用子域來訪問它：例如，http://m.mysite.com

您可以使用CSS Media Queries和51degrees.Mobi的組合來檢測瀏覽器功能並根據設備的類型呈現正確的大小布局用戶擁有。

http://html5boilerplate.com/

http://www.modernizr.com/（這包括在HTM5樣板）

http://51degrees.codeplex.com/

不要讓下面的當前潮流，如「自適應網頁設計」，它試圖擠進一個桌面版本的愚蠢的錯誤一個網站的移動屏幕。以上鍊接應該讓你開始。