2011-03-30 90 views
0

我该如何制作一个网站(之前已经存在)与android兼容? 这样我们就可以在Android设备上使用该网站的所有功能。制作网站兼容android

回答

2

看看这个链接:http://developer.android.com/guide/webapps/targeting.html。制作网站也适用相同的规则。其中最重要的一点是添加此行:

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

这告诉浏览器根据设备宽度设置缩放级别。否则,该网站将缩小很多,用户将不得不放大才能正确查看文本。

  • 几乎所有的网站功能都可以在Android浏览器中使用,除非您有一些真正搞砸了Javascript代码。
  • 对于移动浏览器有不同的stylesheet
  • 保留较低分辨率的图形,因为带宽是手机上的一个大问题。 EDGE网络速度太慢,甚至3G速度也有很大差异。
  • 请勿使页面过长。将部分显示为Accordion菜单,当用户单击标题时将会展开/收缩。
  • 不要保留在鼠标悬停时激活的下拉菜单。手机上没有悬停状态。

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

0

看看WebView这里。我用我的一个内部网站做了这个。基本上我缩小了尺寸和图形。根据内容的数量,它可能很容易或更难。

0

重写/修改它与移动浏览器兼容。它不是你可以添加样式表的东西。

+0

我不知道。你能建议我该怎么做吗? – Subrat 2011-03-30 21:54:15

+0

你有这里所有的答案,特别是webview的链接,因为这是从哪里开始。时间挖掘和学习。 – apesa 2011-03-30 21:57:42

0

Android的webbrowser,至少对于最新版本的Android,功能非常强大,而且在功能方面非常接近桌面版本。所以,如果你的网站没有做任何太花哨/特别的东西(如超新近的HTML5),它应该在Android设备上运行得很不错。


但是请注意,如果你希望你的网站在移动设备上工作,你必须至少考虑一下:

  • 事实上,3G (或更糟)网络很慢(带宽不是很大,ping也不好);不要让你的页面太重。
  • 屏幕小:不要把太多的数据就可以了
  • 使用触摸屏与大(相对于屏幕的尺寸)坚硬,不准确的:用大的联系,没有联系彼此太靠近了。