使网站与android兼容

时间:2011-03-30 21:41:29

标签: android web

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

4 个答案:

答案 0 :(得分:2)

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

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

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

  • 几乎所有网站的功能都可以在Android浏览器中使用,除非您有一些非常糟糕的Javascript代码。
  • 为移动浏览器设置不同的stylesheet
  • 保持较低分辨率的图形,因为带宽是手机上的一个大问题。 EDGE网络速度太慢,甚至3G速度变化很大。
  • 不要让页面保持太长时间。将部分显示为Accordion菜单,当用户点击标题时,这些菜单将展开/收缩。
  • 不要保留鼠标悬停时激活的下拉菜单。手机上没有悬停状态。
来自SmashingMagazine的

This文章还有其他一些提示。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

Android的web浏览器,至少对于Android的最新版本而言,功能非常强大,而且在功能方面非常接近桌面版。

因此,如果您的网站没有做任何过于花哨/特殊的东西(如超级最近的HTML5),那么它应该可以在Android设备上运行得很好。


但请注意,如果您希望自己的网站在移动设备上运行,则必须至少考虑:

  • 3G (或更糟)网络的速度很慢(带宽不是很好; ping也不好);不要让你的页面太重。
  • 屏幕很小:不要在上面放太多数据
  • 使用带有的触摸屏(与屏幕尺寸相比)很难而且不准确:使用大链接,没有相互靠近的链接。