僅限帶有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

回答

相關問題