如何制作移动应用程序以使其UI在最大设备中兼容?

时间:2015-04-02 10:00:18

标签: cordova cross-browser

我对cordova有所了解。我正在尝试使用jQuery移动框架,但仍然没有取得好成绩。

1 个答案:

答案 0 :(得分:0)

注意: Facebook使用User-Agent字符串检测浏览器并将特定网站打开为touch.facebook.com(对于触控设备),www.facebook.com(其他设备),{{3 (对于移动设备)。随着新手机的推出或更新,他们有专门的团队来处理新的/旧的/修改过的User-Agent-String。


因为这是一个太广泛的问题所以,我只是把我的想法作为一般答案。这将有助于理解跨设备网站/网络应用程序的概念:

现在我们有各种类型的设备,如个人电脑,平板电脑,智能手机,功能电话,普通电话等。但要记住的重点是我们的网络应用程序将在浏览器上运行在PC上,我们可以使用浏览器(或通过开发人员工具对浏览器进行模拟),这些浏览器功能较低。所以主要的是,我们需要了解浏览器。

所以,如您所知,浏览器可以理解3种语言:HTML,CSS和JavaScript。

现在,我的想法是创建两个网站代码,一个用于移动[ M ](仅限HTML)和第二个响应式设计[ R ]({{3}可以使用)。接下来遵循这个策略:

将网站 M 设置为默认设置,并将<script>代码添加为 R 网站的永久重定向代码。如果浏览器支持JavaScript,那么网站 R 将处理其他所有内容。


<强>点数:

  • 如果您认为脚本代码将作为简单文本显示在网站 M 的低端移动设备上,则可以使用FONT标记将font-size设置为零。顺便说一句,重定向代码将会非常少,m.facebook.com显示今天 75%的浏览器支持响应式网站设计

  • 如果网站重定向到网站 R ,则表示其支持JavaScript。现在,如果您想要不支持响应式设计的浏览器的单独站点(站点 R ,BTW我们将显示正常)您可以查看bootstrap以检测 R < / strong> JavaScript支持。