我正在尝试根据浏览器版本和屏幕空间来更改网页的显示。我需要完全改变页面的外观如下:
- 如果网站显示在手机上，我想要迷你版。
- 如果网站显示在桌面浏览器上，但窗口太小，我想要迷你版。
- 如果网站显示在桌面浏览器上并且窗口可以容纳完整版本，我希望显示完整版本。
- 如果没有可用的 javascript，则应显示完整版本。
我刚开始使用一些依赖于 userAgent 的非常基本的代码:
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) )
是否有一种干净的方法来实现我想用 JQuery 做的事情？
最佳答案
使用CSS media queries .嗅探用户代理是不可靠的，将来会导致维护问题。此外，使用媒体查询意味着不需要 javascript，这从关注点分离的 Angular 来看很好。
关于javascript - 使用 JQuery 将网站切换到移动 css 客户端，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13804322/