Javascript移动网站

达伦

我正在使用以下JavaScript来检测是否在移动设备上查看了该网站,使其可以完美地用作重定向(请参见示例1);

但是,可以将其修改为在满足相同条件(即检测到iDevice)时修改元素或类的字体大小(原始字体大小包含在外部样式表中)。

 //original code: (Javascript)

 // iDevice
var iDevice = {

// Android
Android: function() {
return navigator.userAgent.match(/Android/i);
},

// Blackberry
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i);
},

// Apple
iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},

// Opera Browser
Opera: function() {
return navigator.userAgent.match(/Opera Mini/i);
},

// Windows Mobile
Windows: function() {
return navigator.userAgent.match(/IEMobile/i);
},

// Function: (iDevice)
any: function(){
return (iDevice.Android() || iDevice.BlackBerry() || iDevice.iOS() || iDevice.Opera() || iDevice.Windows());
    }
};


<!-- Working HTML -->

{
if( iDevice.any() )
window.location = "http://www.stackoverflow.com";
}
迈克尔0x2a

一种可能的解决方案是修改JavaScript,以使其基于设备代理将一个或多个自定义类添加到HTML中的“ body”元素。然后,在CSS中,您可以执行以下操作:

.header {
    /* default font size */
}

.android .header,
.iphone .header
.mobile .header {
    /* custom font size */
}

但是,更好的解决方案可能是放弃用户代理检测,而是使用媒体查询根据用户用于查看您的网站的设备的实际宽度来使您的网站具有响应能力

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在本地测试移动网站

来自分类Dev

响应式移动网站

来自分类Dev

JavaScript库,用于在移动网站横幅上显示到移动应用

来自分类Dev

Android WebView无法加载移动网站

来自分类Dev

htaccess为移动网站重写

来自分类Dev

移动网站 找不到子域名

来自分类Dev

jQuery移动网站中的google map

来自分类Dev

CSS-移动网站响应异常?

来自分类Dev

移动网站上的z-Index

来自分类Dev

移动网站的响应式设计

来自分类Dev

从移动网站扫描条形码?

来自分类Dev

创建一个移动网站

来自分类Dev

iPhone或iPad用于测试移动网站

来自分类Dev

谷歌地图在jQuery的移动网站

来自分类Dev

HTML CSS脚注在移动网站上

来自分类Dev

移动网站中的Paypal订阅按钮

来自分类Dev

移动网站上的z-Index

来自分类Dev

夹层移动网站菜单删除

来自分类Dev

请求移动网站的代码示例

来自分类Dev

使用javascript将php变量发布到移动网站-空白变量

来自分类Dev

如何跟踪/跟踪用户从移动网站到非移动网站中的购物车

来自分类Dev

使用PHP框架显示移动网站与桌面网站

来自分类Dev

尽管网站和仿真器显示移动网站有效,但移动网站仍不响应

来自分类Dev

尽管出现滚动条,但移动网站无法滚动

来自分类常见问题

如何正确执行Facebook移动网站登录

来自分类Dev

在App Store和Google Play上发布移动网站

来自分类Dev

我是否应该调整移动网站的图像大小

来自分类Dev

交付移动网站之前更改图像宽度

来自分类Dev

阻止或重定向桌面用户尝试访问移动网站