php strstr 响应式布如何用JS判断iPhone、iPad或PC（电脑）？

php strstr 响应式布如何用JS判断iPhone、iPad或PC（电脑）？

我们web前端人员常常接到轮播广告的项目php strstr，并且还要采用响应式，轮播广告上有两个特效：1.鼠标经过图片变亮，2.点击图会切换成文字描述的层且覆盖图片。正常情况下在pc端是没问题php strstr，但是移到移动端情况就有变了，如pad上面就会需要点击两下才能切换，为了解决这种问题，我们采用“JS判断终端设备”来解决。下面是解决这种问题的方法步骤。

iPad 使用的是 浏览器，User Agent 是：

/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us)

/531.21.10 (KHTML, like Gecko) /4.0.4 /

/531.21.10

如何判断是否是 iPad 浏览器呢php strstr 响应式布如何用JS判断iPhone、iPad或PC（电脑）？，关键是看它的 User Agent 中是否有 iPad。代码如下：

(){

var ua = ..();

if(ua.match(/iPad/i)==”ipad”) {

true;

} else {

false;

拿 我碰到的那个问题实践下php strstr 响应式布如何用JS判断iPhone、iPad或PC（电脑）？，原生代码是这样的：

$((){

$(“.”).hover((){

$(this).()

},(){

$(this).();

});

})

我现在需要在PC端执行这段代码php strstr，在IPAD上不执行，于是我进行一下处理：

$((){

var ua = ..();

$(“.”).hover((){

if(ua.match(/iPad/i)==”ipad”) {

} else {

$(this).();

},(){

if(ua.match(/iPad/i)==”ipad”) {

} else {

$(this).();

});

})

我们发现在ipad的时候是空值，其实您也可以写上:false，我这里没写是因为会影响其他部分的JS代码效果。

这里可以多补充下，如果在PHP代码里，我们可以这样来：

$ = (bool) ($

”

,’iPad’);

或者

同样我们也可以用Java代码来弄，如下：

%{} ^.*iPad.*$

^(.*)$

如果是 iPad 浏览器，跳转到 iPad 页面。

最后总结：

上面的方法，在做响应式布局的项目中常常遇到，希望它能帮助到您。