製作網站兼容android

Question

我該如何製作一個網站（之前已經存在）與android兼容？ 這樣我們就可以在Android設備上使用該網站的所有功能。

Answer 1

看看這個鏈接：http://developer.android.com/guide/webapps/targeting.html。製作網站也適用相同的規則。其中最重要的一點是添加此行：

<meta name="viewport" content="width=device-width" /> 

這告訴瀏覽器根據設備寬度設置縮放級別。否則，該網站將縮小很多，用戶將不得不放大才能正確查看文本。

• 幾乎所有的網站功能都可以在Android瀏覽器中使用，除非您有一些真正搞砸了Javascript代碼。
• 對於移動瀏覽器有不同的stylesheet。
• 保留較低分辨率的圖形，因爲帶寬是手機上的一個大問題。 EDGE網絡速度太慢，甚至3G速度也有很大差異。
• 請勿使頁面過長。將部分顯示爲Accordion菜單，當用戶單擊標題時將會展開/收縮。
• 不要保留在鼠標懸停時激活的下拉菜單。手機上沒有懸停狀態。

This來自SmashingMagazine的文章有其他一些提示。

Answer 2

看看WebView這裏。我用我的一個內部網站做了這個。基本上我縮小了尺寸和圖形。根據內容的數量，它可能很容易或更難。

Answer 3

重寫/修改它與移動瀏覽器兼容。它不是你可以添加樣式表的東西。

Answer 4

Android的webbrowser，至少對於最新版本的Android，功能非常強大，而且在功能方面非常接近桌面版本。所以，如果你的網站沒有做任何太花哨/特別的東西（如超新近的HTML5），它應該在Android設備上運行得很不錯。

但是請注意，如果你希望你的網站在移動設備上工作，你必須至少考慮一下：

• 事實上，3G （或更糟）網絡很慢（帶寬不是很大，ping也不好）;不要讓你的頁面太重。
• 屏幕小：不要把太多的數據就可以了
• 使用觸摸屏與大（相對於屏幕的尺寸）堅硬，不準確的：用大的聯繫，沒有聯繫彼此太靠近了。