自动检测移动浏览器（通过用户代理？）

作者: 岁爵
发布时间: 2024-12-31 08:15:50 (2月前)
转自：

15 条回复

0#
回复此人
梦中会飞的鱼 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 只是一个想法，但如果你从相反的方向解决这个问题怎么办？而不是确定哪些浏览器是移动的，为什么不确定哪些浏览器不是？然后将您的站点编码为默认为移动版本并重定向到标准版本。查看移动浏览器时有两种基本的可能性。它有JavaScript支持或它没有。因此，如果浏览器没有javascript支持，它将默认为移动版本。如果它确实有JavaScript支持，请检查屏幕大小。任何低于特定大小的东西都可能是移动浏览器。任何更大的东西都会被重定向到您的标准布局。然后，您需要做的就是确定禁用JavaScript的用户是否可以移动。 <BR/> 根据W3C，禁用JavaScript的用户数量约为5％，其中大多数用户已将其关闭，这意味着他们实际上知道他们使用浏览器做了什么。他们是你的观众的很大一部分吗？如果没有，那么不要担心它们。如果是这样，最糟糕的情况是什么？您有这些用户浏览您网站的移动版本，这是一件好事。 </p> </DIV>

编辑
1#
回复此人
LOGO | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> <a href="http://www.mobileesp.org/" rel="nofollow"> MobileESP </A> 有PHP，Java，APS.NET（C＃），Ruby和JavaScript钩子。它还有Apache 2许可证，因此可以免费用于商业用途。对我而言，关键是它只识别浏览器和平台，而不是屏幕大小和其他指标，这使它很小。 </p> </DIV>

编辑
2#
回复此人
Gassyc加西可 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <pre> <code> protected void Page_Load(object sender, EventArgs e) { if (Request.Browser.IsMobileDevice == true) { Response.Redirect("Mobile//home.aspx"); } } </code> </pre> <P> 此示例适用于asp.net </p> </DIV>

编辑
3#
回复此人
关于贤的记忆 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 使用Zend Framework有一个全新的解决方案。从Zend_HTTP_UserAgent的链接开始： </p> <P> <a href="http://framework.zend.com/manual/en/zend.http.html" rel="nofollow"> http://framework.zend.com/manual/en/zend.http.html </A> </p> </DIV>

编辑
4#
回复此人
逆转的风 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您只需通过即可检测移动客户端 <code> navigator.userAgent </code> ，并根据检测到的客户端类型加载备用脚本： </p> <pre> <code> $(document).ready(function(e) { if(navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i)) { //write code for your mobile clients here. var jsScript = document.createElement("script"); jsScript.setAttribute("type", "text/javascript"); jsScript.setAttribute("src", "js/alternate_js_file.js"); document.getElementsByTagName("head")[0].appendChild(jsScript ); var cssScript = document.createElement("link"); cssScript.setAttribute("rel", "stylesheet"); cssScript.setAttribute("type", "text/css"); cssScript.setAttribute("href", "css/alternate_css_file.css"); document.getElementsByTagName("head")[0].appendChild(cssScript); } else{ // write code for your desktop clients here } }); </code> </pre> </DIV>

编辑
5#
回复此人
你抱着孩子@先跑 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我最喜欢的移动浏览器检测机制是 <a href="http://wurfl.sourceforge.net/" rel="noreferrer"> WURFL </A> 。它经常更新，适用于所有主流编程/语言平台。 </p> </DIV>

编辑
6#
回复此人
小蚊子 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 有开源脚本 <a href="http://detectmobilebrowser.com/" rel="noreferrer"> 检测移动浏览器 </A> 在Apache，ASP，ColdFusion，JavaScript和PHP中执行此操作。 </p> </DIV>

编辑
7#
回复此人
红蜻蜓 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我把这个演示的脚本和示例放在一起： </p> <P> <a href="http://www.mlynn.org/2010/06/mobile-device-detection-and-redirection-with-php/" rel="nofollow noreferrer"> http://www.mlynn.org/2010/06/mobile-device-detection-and-redirection-with-php/ </A> </p> <P> 此示例利用php函数进行用户代理检测，并提供额外的好处，即允许用户根据其浏览器或设备类型声明对站点版本的偏好，该版本通常不是默认值。这是用cookie完成的（在服务器端使用php而不是javascript维护）。 </p> <P> 请务必查看文章中的下载链接以获取示例。 </p> <P> 希望你喜欢！ </p> </DIV>

编辑
8#
回复此人
扬尘 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您可以检查User-Agent字符串。在JavaScript中，这非常简单，它只是导航器对象的一个属性。 </p> <pre> <code> var useragent = navigator.userAgent; </code> </pre> <P> 您可以在JS中查看设备是否为iPhone或Blackberry </p> <pre> <code> var isIphone = !!agent.match(/iPhone/i), isBlackberry = !!agent.match(/blackberry/i); </code> </pre> <P> 如果isIphone是真的你是从Iphone访问该网站，如果isBlackBerry你从黑莓访问该网站。 </p> <P> 你可以使用“UserAgent Switcher”插件来测试它。 </p> <P> 如果您也有兴趣，可能值得查看我的脚本的<strong> “redirection_mobile.js” </强> 在这里托管在github上的<strong> https://github.com/sebarmeli/JS-Redirection-Mobile-Site </强> 你可以在我的一篇文章中阅读更多细节： </p> <P> <a href="http://blog.sebarmeli.com/2010/11/02/how-to-redirect-your-site-to-a-mobile-version-through-javascript/" rel="nofollow"> http://blog.sebarmeli.com/2010/11/02/how-to-redirect-your-site-to-a-mobile-version-through-javascript/ </A> </p> </DIV>

编辑
9#
回复此人
满目山河 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您还没有说过您正在使用的语言。如果它是Perl那么它是微不足道的： </p> <pre> <code> use CGI::Info; my $info = CGI::Info->new(); if($info->is_mobile()) { # Add mobile stuff } unless($info->is_mobile()) { # Don't do some things on a mobile } </code> </pre> </DIV>

编辑
10#
回复此人
明天会更好 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 移动设备浏览器文件是检测ASP.NET项目的移动（和其他）broswers的好方法： <a href="http://mdbf.codeplex.com/" rel="noreferrer"> http://mdbf.codeplex.com/ </A> </p> </DIV>

编辑
11#
回复此人
你瞎啊！撞我心了 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 是用户代理用于检测移动浏览器。有很多免费脚本可供检查。这是一个这样的 <a href="http://detectmobilebrowsers.mobi/" rel="nofollow noreferrer"> PHP代码 </A> 这将帮助您将移动用户重定向到不同的网站。 </p> </DIV>

编辑
12#
回复此人
Coolkid | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 对于的<strong> ANDROID，IPHONE，IPAD，BLACKBERRY，PALM，WINDOWS CE，PALM </强> </p> <pre> <code> <script language="javascript">  </script> </code> </pre> </DIV>

编辑
13#
回复此人
张三岁 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您是否考虑过使用css3媒体查询？在大多数情况下，您可以专门为目标设备应用一些css样式，而无需创建站点的单独移动版本。 </p> <pre> <code> @media screen and (max-width:1025px) { #content { width: 100%; } } </code> </pre> <P> 您可以将宽度设置为您想要的宽度，但1025将捕获iPad横向视图。 </p> <P> 您还需要在脑中添加以下元标记： </p> <pre> <code> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> </code> </pre> <P> 查看 <a href="http://www.html5rocks.com/en/mobile/mobifying.html#toc-media-handheld" rel="noreferrer"> 本文 </A> 在HTML5 Rocks上有一些很好的例子 </p> </DIV>

编辑

登录后才能参与评论