使 Web 应用程序与手持设备兼容
我正在开发一个 Web 应用程序，带有完整的 ajax ui，使用 html、css 和 jquery 作为 js 框架。 所有页面都是为 PC 开发的，但有些页面在手持设备 (windows ce) 上也应该可以正常工作。除了 CSS 的更改以使这些页面与手持设备兼容之外，js 的操作差异也很小。即用户不能在手持设备上选择日期，而可以在电脑上选择日期。
问题是，我可以为手持版本制作不同的页面吗？如何仅通过应用另一个 css 文件来开发兼容且就绪的页面？ @media 有帮助吗？我应该使用 jquery 移动吗？我可以使用js检测设备并切换css和一些逻辑吗？
I'm developing a web app, with a full ajax ui using html, css and jquery as the js framework.
All pages are developed for PC, but there are some pages that should work fine on Handheld (windows ce) as well. Along with css changes to make those pages compatible with handheld devices, there are little operational differences in js. i.e user does not select dates in handheld whilst they can on pc.
The question is, have can I make different pages for the handheld version? How can I develop compatible and ready pages only by applying another css file? Does @media help? Should i use jquery mobile? Can I detect the device using js and switch the css and some logic?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您应该能够使用纯 CSS 和
标记的media属性来控制加载哪个样式表。 这家伙似乎有一些不错的十字架- 浏览器标记将帮助您入门。或者/另外，考虑使用 Modernizr 将类添加到您的根
节点可以告诉您有关用户能力的大量信息。然后，您可以在 Javascript 中进行简单的测试，以在某些功能不存在时启用或禁用某些功能。You should be able to use pure CSS and the
mediaattribute of the<link>tag to control which stylesheet is loaded. This guy seems to have some nice cross-browser markup that will get you started.Alternatively/additionally, consider using Modernizr to add classes to your root
<html>node that tell you a lot of information about the capabilities of a user. Then you can do simple tests in Javascript to enable or disable certain features if certain functionality isn't present.