Javascript的媒體查詢方法

我正在尋找實現/調用基於設備類型的JS，比如我們如何使用CSS Media Queries。Javascript的媒體查詢方法

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

同樣我們可以定義一些JS，並呼籲他們根據設備（桌面/移動）

我知道有一個明顯的方法上，如果語句只是使用一個分離的2樣

if (navigation.userAgent.match(/iPad/) != null)

但我所看到的只是正確的JS應該在設備中加載/調用例如只有desktop.js應該被稱爲桌面和iPad.js iPad（類似於如何CSS媒體查詢呈現）

請建議。

來源

2011-10-11 testndtv

媒體查詢設計採取瀏覽器檢測（其中從來沒有工作過）。你真的需要拿回來嗎？ – bzlm

-1

你可以動態地把腳本標記正確的文件到頁面這樣的：

var head = document.getElementsByTagName('head')[0]; 
var script = document.createElement('script'); 
script.type = 'text/javascript'; 
if (navigation.userAgent.match(/iPad/) != null) { 
    script.src = 'ipad.js'; 
} else { 
    script.src = 'desktop.js'; 
} 
head.appendChild(script);

來源

2011-10-11 06:27:24 ctcherry

這應該細化到：

// put this in the end of the page to add JS to body (perfomance optimisation on loading behaviour 

var body = document.getElementsByTagName('body')[0]; 
var script = document.createElement('script'); 
script.type = 'text/javascript'; // you can omit this when using HTML5 Doctype 
if (navigation.userAgent.match(/iPad/) != null) { 
script.src = 'ipad.js'; 
} else { 
    script.src = 'desktop.js'; 
} 
body.appendChild(script);

來源

2011-10-11 07:10:21 campino2k

Javascript的媒體查詢方法

回答

相關問題