MSDN让检测移动浏览器变得非常容易:
if (Request.Browser["IsMobileDevice"] == "true" )
{
Response.Redirect("MobileDefault.aspx");
}
Run Code Online (Sandbox Code Playgroud)
实际上,看起来你也可以只检查Request.Browser.IsMobileDevice.但这实际上是如何运作的呢?我甚至没有.browser文件......幕后发生了什么?ASP.NET 2.0是否有一些内置的默认值?
在触摸设备上处理OnMouseOver javascript事件是否有首选替代或最佳做法?我只能想到将所有事件转换为OnMouseClick.不幸的是,这会混淆悬停光标触发的事件与单击光标触发的事件之间的差异.
是否有任何替代方案或解决方案对于将与鼠标设备和触摸设备一起使用的网页的用户体验的破坏性较小?
@media only screen and (max-device-width : 640px) {
/* Styles */
}
@media only screen and (max-device-width: 768px) {
/* Styles */
}
Run Code Online (Sandbox Code Playgroud)
这就是我到目前为止所拥有的.我正在研究的移动网站的PSD模型是640px宽.另一个是该网站的平板电脑版本,为768px.我只能使用max-width在我的网络浏览器中测试网站,但是现在是时候让这个网站在设备上工作了,它仍然在渲染常规的全尺寸网页.以上两个问题是我最好的猜测.我哪里错了?
是否有任何漂亮和干净的方法或技巧,以确定用户是否在触摸设备上?
我知道有类似的东西
var isiPad = navigator.userAgent.match(/iPad/i) != null;
但我只是想知道是否有一个技巧来确定用户是否在Touch设备上?因为有更多的触摸设备和平板电脑,那么只有iPad.
谢谢.
我使用媒体查询加载样式表(如果设备是平板电脑).
我只是想知道如果用户使用平板电脑我是如何检查我的javascript,是否有支票或我应该检查加载的样式表?
我找到了以下代码来检测桌面浏览器.但该方法还会检测一些移动浏览器.如何只检测Safari,IE,Firefox,Opera等桌面浏览器?
is_desktopBrowser : function() {
var ua = navigator.userAgent.toLowerCase();
var rwebkit = /(webkit)[ \/]([\w.]+)/;
var ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/;
var rmsie = /(msie) ([\w.]+)/;
var rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/;
var match = rwebkit.exec(ua) ||
ropera.exec(ua) ||
rmsie.exec(ua) ||
ua.indexOf("compatible") < 0 && rmozilla.exec(ua) ||
[];
return { browser: match[1] || "", version: match[2] || "0" };
},
Run Code Online (Sandbox Code Playgroud) 有没有办法检测用户是使用平板电脑还是手机?例如,一个人使用平板电脑(任何版本为3+和iPad的安卓平板电脑)上网,他们肯定会喜欢查看与坐在桌面计算机上的人相同的未被剥离的版本.而手机冲浪者肯定更喜欢网站的精简版本,因为它加载速度更快,并且可能更容易用拇指导航.这可以通过检查此处找到的userAgent oct屏幕宽度来完成:
但问题来自像谷歌Galaxy Nexus这样的手机,它具有与平板电脑相同的分辨率,但只有屏幕尺寸的一半.在我看来,即使分辨率很高,显示移动版也会更好,因为屏幕很小.
有没有办法检测到这一点,还是我必须做出妥协?
一些设备即.Galaxy Tablet 10.1只能发短信,但无法拨打电话.像Asus Transformer这样的其他设备甚至没有SIM卡.
如何检测设备是否可以拨打电话?如何检测设备是否可以发送短信?
我在这里匆匆忙忙地寻找一两行代码:
有人可以善待提供代码放在html doc的head部分,说如果移动然后不加载JS?
这与以下CSS媒体查询一起使用:
<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="m/styles_mobile.css" />
Run Code Online (Sandbox Code Playgroud)
所以我正在寻找一条基于相同规则的代码:media ="only screen and(max-device-width:480px)"
会非常感激的
我可以使用哪些JavaScript代码来检测用户是否在HTML5中的移动或PC/mac浏览器上?