使网站与 iphone 兼容答案

【问题标题】：making website iphone compatible使网站与 iphone 兼容
【发布时间】：2010-01-11 08:14:11
【问题描述】：

客户要求我为 iphone 用户设置登录页面。该页面已经存在 - 非常简单，只有几张图片和文字。我需要： - 确保其 iphone 兼容（任何特殊标签或定义？） - 确保谷歌移动搜索将其作为移动页面索引 - 如果我检测到正在通过 iphone 浏览，则在主页（所有用户的不同页面）中将 iphone 用户重定向到特殊登录页面。

我意识到我问了很多。任何帮助，例如您认为有用的教程链接，我们将不胜感激。

祝你有美好的一天。

【问题讨论】：

标签： iphone web mobile

【解决方案1】：

我写了一篇关于developing for the iPhone的博文介绍。顶部部分简要介绍了基于 Web 的方法，您可能会发现它很有用。

Apples iPhone Dev Centre for Web Apps 将为您提供更多关于您需要了解的信息。

【讨论】：

【解决方案2】：

最好的办法是在您的应用程序控制器中设置一个 before_filter 来检查 iPhone Mime-Type。转到 config/initializers/mime_types.rb 并添加这一行

Mime::Type.register_alias "text/html", :iphone

这是在我的 ApplicationController 中的前置过滤器中调用的方法。

def mobile_user_agent?
  agent = request.env['HTTP_USER_AGENT']
  return false if !agent
  return :iphone if agent[/(Mobile\/.+Safari)/]
  return :iemobile if agent[/IEMobile/]
  return :blackberry_4_3 if agent[/BlackBerry.*4.3.0/]
  return :blackberry_4_7 if agent[/BlackBerry.*4.7.0/]
  return :android if agent[/Android/]
  return false
end

然后在您的控制器中，您可以在您的控制器中执行以下操作。

def index
  @posts = Post.find(:all)
  respond_to do |format|
    format.html # index.html.erb
    format.xml  { render :xml => @posts }
    format.iphone # render index.html.iphone
  end
end

这让您可以渲染 iPhone 特定的视图。您可以对各种手机、Android、Blackberry、Windows Mobile 等执行相同的操作...

我不能把所有功劳归于这一点 :) Mike Clark 和 Pragmatic Programmers 在Advanced Rails Recipes 中提出了这样的解决方案。

我唯一的其他建议是，如果您在应用程序中执行许多不同的 iPhone 功能，那么请制作一个名为 IPhoneViewController 的单独控制器或处理所有 iPhone 功能的东西。

祝你好运！如果您还需要什么，请告诉我，

肯特

【讨论】：

这是 Ruby on Rails 解决方案吗？ @samoyed 没有说明他们使用的是什么服务器端语言。
哈哈是的，这是真的：SI 只是假设......你可以在 Ramaze、Sinatra、Camping 等做类似的事情......但如果它是纯红宝石，那么是的，你需要建立一个很多。

【解决方案3】：

将网站提交给 Google 以进行移动搜索索引： http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=40348

了解您的网页或网站是否与 iPhone 兼容的最简单方法是尝试一下。如果您没有 iPhone，则 iPod touch 具有相同的网络浏览器。

【讨论】：