Javascript JS/HTML5-根据操作系统对网站的多版本进行基本设置?

Javascript JS/HTML5-根据操作系统对网站的多版本进行基本设置?,javascript,html,Javascript,Html,我的意思是 如何设置这样的页面 if (android(session) = true && ios(session) = true ) { //display tablet and smartphone version } else { if (desktop() true || windows() = true) { //display desktop version } if (desktop() true || windows() = true&& br

我的意思是 如何设置这样的页面

if (android(session) = true && ios(session) = true ) 
{
//display tablet and smartphone version
} else
{
if (desktop() true || windows() = true)
{
//display desktop version
}
if (desktop() true || windows() = true&& browser = ie+9, javascript enabled)
{
//display desktop version
}
{

}
我知道这不是真正的代码,但它提供了关于我需要的基本代码布局的见解


你能在这一点上帮助我或分享一个链接吗?谢谢

就我个人而言,我会使用如下代码按屏幕宽度进行操作:

<script type="text/javascript">
  <!--
  if (screen.width >=600<=800) {
    window.location = "http://android.domain.com";
  }
 if (screen.width >=200<=300) {
    window.location = "http://os.domain.com";
  }
  //-->
</script>


或者,您也可以使用类似的脚本,但改为更改css而不是窗口位置,我个人会使用如下代码按屏幕宽度进行更改:

<script type="text/javascript">
  <!--
  if (screen.width >=600<=800) {
    window.location = "http://android.domain.com";
  }
 if (screen.width >=200<=300) {
    window.location = "http://os.domain.com";
  }
  //-->
</script>

或者,您可以使用类似的脚本,但可以更改css而不是窗口位置,这可能就是您要查找的内容。 这是一本关于android的好书(特别是因为你也在尝试支持android)

从该文件:

<meta name="viewport"
      content="
          height = [pixel_value | device-height] ,
          width = [pixel_value | device-width ] ,
          initial-scale = float_value ,
          minimum-scale = float_value ,
          maximum-scale = float_value ,
          user-scalable = [yes | no] ,
          target-densitydpi = [dpi_value | device-dpi |
                               high-dpi | medium-dpi | low-dpi]
          " />

你可能还想读一读,因为它有点适合那里

注意:我认为这更合适,因为如果您想要整合该平台的本机外观,您可能只需要真正确定原始浏览器。通过宽度/高度、比例和密度使事物看起来正确就足够了。

这可能就是你想要的。 这是一本关于android的好书(特别是因为你也在尝试支持android)

从该文件:

<meta name="viewport"
      content="
          height = [pixel_value | device-height] ,
          width = [pixel_value | device-width ] ,
          initial-scale = float_value ,
          minimum-scale = float_value ,
          maximum-scale = float_value ,
          user-scalable = [yes | no] ,
          target-densitydpi = [dpi_value | device-dpi |
                               high-dpi | medium-dpi | low-dpi]
          " />

你可能还想读一读,因为它有点适合那里


注意:我认为这更合适,因为如果您想要整合该平台的本机外观,您可能只需要真正确定原始浏览器。通过宽度/高度、比例和密度使事情看起来正确就足够了。

希望您还保留路径名,以免您出错。希望您也保留路径名,以免您出错。