我正在尝试设计一个基于ASP.net的移动Web应用程序,该应用程序应该在iPhone,Blackberry等上运行,同时提供本机应用程序的外观。
这似乎不是简单直接的任务,或者示例IPhone菜单位于顶部,而其他移动平台使用手机本身的菜单按钮(位于底部)。另外,设计一个具有IPhone外观的好应用程序不仅仅是可以为其他设备定制的css和js脚本(比如黑莓)。
我计划扩展XHTML,然后使用XSLT正确扩展以更正输出设备的html。例如,
<html xmlns="http://...>
<head>
...
</head>
<body>
<menu>
<menuItem Name="Home" Url="..." />
<menuItem Name="Back" Url="..." />
</menu>
<span>This is a test page</span>
</body>
</html>
因此,当我们使用iPhone XSLT(例如)运行时,我们可以在顶部展开菜单,当使用其他设备时,我们可以在底部展开它。
我很想知道是否有其他人以同样的方式或以不同的方式解决了这个问题,或者有其他一些想法。
谢谢你的时间!
答案 0 :(得分:1)
我曾经做过一个项目,做了类似于你所描述的事情;我们的解决方案是使用通用HTML并根据User-Agent标头发送特定于设备的css文件。这样,你总是留下一个后备(原始的HTML),你不会经常担心XSLT的实现或转换的XHTML的样子。
编辑:刚刚收到你对一个好的iPhone应用程序的评论,而不仅仅是css和js。我认为一个好的CSS样式表可以满足你的需求; IE将菜单设置为绝对定位的div,可以是top:0或bottom:0等。移动开发的好处是你的窗口大小不会改变,因此获得像素完美的布局并不难。