我希望在我的移动应用程序上显示动态生成的 HTML 页面。该 HTML 文件是固定结构的。包括表单、图像和按钮。但是,当涉及到不同的移动平台时,例如ios和android。还有不同的手机,比如三星或其他公司的安卓手机。显示结果不同。其中一些非常糟糕。这个问题对于android系统来说更严重,因为有很多不同的公司使用这个系统。
目前我使用的方法是,当用户使用该应用程序时,该应用程序将发送带有用户使用的手机型号的请求。服务器端将为该手机选择正确的 HTML 模板。这意味着我必须为每部手机编写一个 HTML 模板。考虑到现在手机型号的增加,我认为这不是一个明智的想法。
我希望有人能帮我想出一个解决方案来解决这个问题。无论是根据用户手机型号动态生成 HTML 模板的解决方案,还是创建 HTML 的通用方法,都将适合所有移动显示。
谢谢!
最佳答案
如果我正确理解您的问题,我强烈建议您使用 Twitter Bootstrap 来设计您的 html 页面。这非常易于使用,您可以设计根据屏幕调整自身大小的网页。 twitter bootstrap 中定义的响应式 CSS 可以为您处理所有屏幕尺寸,并根据屏幕尺寸动态渲染 html 页面,而不会妨碍/扭曲 html 代码的外观和感觉。
您可以从这里获取源代码并了解有关它的所有内容 http://twitter.github.com/bootstrap/
这是一个使用 twitter boot band 制作的演示页面。您可以尝试在浏览器窗口中打开它,然后调整窗口大小以查看页面内容如何重新排列
http://brocknunn.com/bootstrap-untame/
下面还有一些可以帮助您加快使用 Twitter Bootstrap 的技巧
http://untame.net/2012/07/twitter-bootstrap-part-1-what-is-bootstrap-anyway/
http://untame.net/2012/07/twitter-bootstrap-part-2-design-a-responsive-homepage/
我刚刚将其用于我的一个 Android 应用程序,其中有自定义 html 页面。它节省了我很多精力和时间。我只需要花几个小时来学习如何在 html 页面中安排内容,我就已经准备好了。我希望这将帮助您大大减少手动工作并节省大量时间。
希望对您有所帮助。
关于android - 如何在不同的移动平台上以同样的方式展示内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13185826/