3

職場の私のチームは、デスクトップとモバイルの両方で Web サイトを開発しようとしていますが、特定の機能をモバイル ユーザーのみが利用できるようにしたいと考えています。

1) Check for screensize , if its less than certain size , we can safely assume 
   it is desktop

2) Check user browser user agent string

3) Capability testing

デスクトップとモバイルの間で検出する他の方法はありますか。可能であれば、その方法の長所と短所も挙げてください。

ありがとう

4

2 に答える 2

0

1) CSS を使用する (Titanium に感謝)

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  /* Styles */
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
  /* Styles */
}

2) JavaScript を使用する

document.write("User-agent header sent: " + navigator.userAgent);

3) 能力テストとはどういう意味ですか?

于 2013-09-19T08:00:51.223 に答える