iPad與iPhone - 調整CSS/HTML？

這是我使用，以檢測它是否是一個移動設備的代碼：

<!-- Javascript inclusion --> 
<script type="text/javascript"> 
var isCE = navigator.appVersion.indexOf("Windows CE")>0;if (isCE){ window.location.href="http://m.mobileversionsample.com/";} 
</script> 
<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript"> 
jQuery.preloadImages = function() 
{ 
for(var i = 0; i<arguments.length; i++) 
{ 
jQuery("<img>").attr("src", arguments[i]); 
} 
} 
</script>

跑到蘋果專賣店，看到我的移動網站在iPad上拿起以及...有誰知道如何爲iPad做例外，以便他們加載正常的網站，而不是移動版本？

來源

2010-05-11 BigDogsBarking

「你好，我是一個iPad」「而我是一個iPhone」 – 2010-05-11 14:47:30

您粘貼的代碼不會重定向iPhone或iPad，而只是Windows CE設備。如果您的iPad重定向到您的移動網站，則必須有其他代碼在工作。如果你給我們你的實際URL，也許我們可以幫助你多一點。 – ceejayoz 2010-05-11 17:01:14

這將取決於您用於檢測移動瀏覽器的代碼。假設您使用User-Agent字符串來檢測「MobileSafari」之類的內容 - 只需添加一個條件即可在「MobileSafari」和「iPad」位於User-Agent字符串中時跳過重定向。

來源

2010-05-11 14:41:22 ceejayoz

謝謝，我正在編輯我的原始帖子，以便您可以看到我如何檢測移動網站...... – BigDogsBarking 2010-05-11 16:34:33

呃，該腳本會檢測到Windows CE。它永遠不會重定向iPad。 jQuery的東西與檢測/重定向無關。 – ceejayoz 2010-05-11 17:00:41

我知道，這是我的問題...如何也重定向一個iPad？ – BigDogsBarking 2010-05-11 17:05:59

<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" />

關於支持風景和肖像模式：使用Javascript http://www.cloudfour.com/ipad-css/

檢測的iPad：http://davidwalsh.name/detect-ipad

var isiPad = navigator.userAgent.match(/iPad/i) != null; 

if(isiPad) { window.location.href="http://m.mobileversionsample.com/";}

來源

2010-05-11 14:44:16 texmex5

不確定這會真的與我在做什麼？我編輯了我原來的帖子，包括我用來檢測它是否是移動設備的代碼... – BigDogsBarking 2010-05-11 16:35:52

編輯我的原始帖子，以包括JavaScript示例。 – texmex5 2010-05-11 17:40:57

iPad與iPhone - 調整CSS/HTML？

回答

相關問題