<script src="jsv3/jquery.js"></script>
<!--<script src="jsv3/jquery.mobile-1.2.0.min.js"></script>-->
現在、デスクトップバージョンの挿入スクリプトがあるのは、2つのjqueryの宣言でエラーが発生することがわかったためです。デバイスタイプを確認し、対応するデバイスに別のjqueryプラグインを選択する方法はありますか?ありがとう
<script src="jsv3/jquery.js"></script>
<!--<script src="jsv3/jquery.mobile-1.2.0.min.js"></script>-->
現在、デスクトップバージョンの挿入スクリプトがあるのは、2つのjqueryの宣言でエラーが発生することがわかったためです。デバイスタイプを確認し、対応するデバイスに別のjqueryプラグインを選択する方法はありますか?ありがとう
クライアントを検出するには多くの方法があります。次の例ではuserAgent
、クライアント デバイスのタイプを検出します。
$(document).ready(function(e) {
if(navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPad/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)) {
var file=document.createElement("link");
file.setAttribute("rel", "stylesheet");
file.setAttribute("type", "text/css");
file.setAttribute("href", "css/alternate_css_file.css");
document.getElementsByTagName("head")[0].appendChild(file);
var file_2= document.createElement("script");
file_2.setAttribute("type", "text/javascript");
file_2.setAttribute("src", "js/alternate_js_file.js");
document.getElementsByTagName("head")[0].appendChild(file_2);
}
});
これは、クライアント デバイスを検出するための一般的なソリューションです。iPad などのタブレット クライアントには、別の CSS を使用する必要がある場合があります。
if (navigator.userAgent=="<type>"){ //check your device type
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
HTH