仅限带有javascript的移动设备的加载div

如果检测到移动设备或分辨率低于641像素，是否可以加载div？我有不同的桌面和移动菜单。移动菜单使用图像svg sprite，但对于桌面我不希望该svg图像加载来保存HTTP请求。我可以隐藏基于媒体查询的div，但我怎样才能至少防止图像被加载，或只装载移动装入菜单div？这是最好的方法是什么？仅限带有javascript的移动设备的加载div

来源

2013-04-09 Dušan

https://code.google.com/p/php-mobile-detect/wiki/Mobile_Detect

检查上面的链接，你可以使用它，如果else语句显示设备类型

<?php 
// Written By Adam Khoury @ developphp.com - March 26, 2010 
// PHP swapping CSS style sheets for target device layouts 
// Make your index page of your site a .php file instead of .html 
$styleSheet = "default.css"; 
$agent = $_SERVER['HTTP_USER_AGENT']; // Put browser name into local variable 

if (preg_match("/iPhone/", $agent)) { // Apple iPhone Device 
// Set style sheet variable value to target your iPhone style sheet 
    $styleSheet = "iphone.css"; 

} else if (preg_match("/android/", $agent)) { // Google Device using Android OS 
// Set style sheet variable value to target your Android style sheet 
$styleSheet = "android.css"; 

} 
?>

上面的代码只是从http://www.developphp.com/view_lesson.php?v=310采取的基础上隐藏的div，查看完整的代码如果你想。

来源

2013-04-09 10:44:33

感谢您的回答，请检查此解决方案。 – 2013-04-09 10:56:02

如果你认为这很有用，请将其标记为答案，欢迎！ – 2013-04-09 10:58:28

@ManMohanVyas这不会阻止加载图像。阅读此https://timkadlec.com/2012/04/media-query-asset-downloading-results/ – WendiT 2015-11-21 10:05:39

可以防止在一定条件下的

$(document).ready(function() { 
    if(yourCondition){ 
    $("img").removeAttr("src"); 
    } 
});

来源

2013-04-09 10:48:14

谢谢，也许这种方法对我来说是最好的。 – 2013-04-09 10:57:02

正在加载的图像。如果你最大的问题是防止加载一些图片，如果没有必要，我会建议留在媒体查询。如果您加载不同的CSS文件（取决于媒体），您可以将所需的图像添加为“background-image：”。这应该也适用于SVG Spite。

How to use SVG Sprite Sheet as CSS background-image while maintaining aspect ratio and scalability

来源

2013-04-09 12:04:27

仅限带有javascript的移动设备的加载div

回答

相关问题