如何制作一款移动应用,使其 UI 兼容最多的设备?
How to make a mobile app so that it's UI will be compatible in maximum devices?
我对科尔多瓦有所了解。我正在尝试使用 jQuery 移动框架,但仍然没有得到好的结果。
注意: Facebook 使用用户代理字符串检测浏览器并打开特定网站 touch.facebook.com(for touch devices), www.facebook.com(other devices), m.facebook.com(对于移动设备)。随着新手机的发布或更新,他们有专门的团队来处理 new/old/modified User-Agent-String。
由于这个问题太宽泛,所以我只是给出我的想法作为一般性答案。这将有助于理解跨设备的概念 websites/web-applications:
现在我们有各种类型的设备,如个人电脑、平板电脑、智能手机、功能手机、普通手机等。但要记住的要点是我们的网络应用程序将 运行 一个浏览器 并且在 PC 上我们可以有一个功能低的浏览器(或通过开发人员工具模拟浏览器)。所以最主要的是,我们需要了解浏览器。
所以, 如您所知,浏览器可以理解 3 种语言:HTML、CSS 和 JavaScript。
现在,我的想法是创建两个网站代码,一个用于移动[M](仅HTML),另一个用于响应式设计[ R](可以用bootstrap)。接下来遵循这个策略:
将站点 M 设置为默认站点,并添加带有永久重定向代码的 <script>
标记到 R 站点。如果浏览器支持 JavaScript,则站点 R 将处理其他一切。
积分:
如果您认为站点 M 的脚本代码将在低端移动设备上显示为简单文本,那么您可以使用 FONT 标签来设置字体大小为零。顺便说一句,重定向代码会非常少,并且 this article 表明现在有 75% 的浏览器支持响应式网站设计。
如果网站重定向到站点 R,则表示其支持 JavaScript。现在,如果你想要为不支持响应式设计的浏览器单独站点(站点 R,顺便说一句,我们会显示正常)你可以查看 this stack overflow question 来检测 R 支持 JavaScript.
我对科尔多瓦有所了解。我正在尝试使用 jQuery 移动框架,但仍然没有得到好的结果。
注意: Facebook 使用用户代理字符串检测浏览器并打开特定网站 touch.facebook.com(for touch devices), www.facebook.com(other devices), m.facebook.com(对于移动设备)。随着新手机的发布或更新,他们有专门的团队来处理 new/old/modified User-Agent-String。
由于这个问题太宽泛,所以我只是给出我的想法作为一般性答案。这将有助于理解跨设备的概念 websites/web-applications:
现在我们有各种类型的设备,如个人电脑、平板电脑、智能手机、功能手机、普通手机等。但要记住的要点是我们的网络应用程序将 运行 一个浏览器 并且在 PC 上我们可以有一个功能低的浏览器(或通过开发人员工具模拟浏览器)。所以最主要的是,我们需要了解浏览器。
所以, 如您所知,浏览器可以理解 3 种语言:HTML、CSS 和 JavaScript。
现在,我的想法是创建两个网站代码,一个用于移动[M](仅HTML),另一个用于响应式设计[ R](可以用bootstrap)。接下来遵循这个策略:
将站点 M 设置为默认站点,并添加带有永久重定向代码的 <script>
标记到 R 站点。如果浏览器支持 JavaScript,则站点 R 将处理其他一切。
积分:
如果您认为站点 M 的脚本代码将在低端移动设备上显示为简单文本,那么您可以使用 FONT 标签来设置字体大小为零。顺便说一句,重定向代码会非常少,并且 this article 表明现在有 75% 的浏览器支持响应式网站设计。
如果网站重定向到站点 R,则表示其支持 JavaScript。现在,如果你想要为不支持响应式设计的浏览器单独站点(站点 R,顺便说一句,我们会显示正常)你可以查看 this stack overflow question 来检测 R 支持 JavaScript.