网站介绍

本网站提供了一个简单的移动端页面切换功能。当用户访问网站时，根据其设备的类型和浏览器信息，自动跳转到相应的移动端页面(m/目录下的子页面)。

功能实现

  1. 首先，定义了一个变量 newurl,用于存储移动端页面的URL路径。
  2. 然后，通过闭包的方式创建了一个函数 Switch,将当前窗口对象作为参数传入。
  3. 在函数内部，获取当前URL中的哈希值 hash,并将其赋值给变量 switch_pc。
  4. 如果 switch_pc 不等于 #pc,则进一步判断用户的设备类型：
  • 如果是移动设备 (包括iPhone、iPad等),则将 Switch 对象的 location.href 属性设置为 newurl,从而实现页面跳转。
  1. 最后，通过 document.write() 方法插入了一个元标签 <meta>,用于指定移动设备的格式和跳转的URL:
  • name="mobile-agent":元标签的名称为 “mobile-agent”。
  • content="format=xhtml;url=' + newurl + '":元标签的内容指定了移动设备的格式为 XHTML,且跳转的URL为 newurl。
  • <link href="' + newurl + '" rel="alternate" type="text/html" />:这是一个链接标签，指定了备用的HTML页面，当移动设备无法正常显示网页时，会尝试使用该HTML页面替代原始页面。

通过以上步骤，用户在访问本网站时，如果其设备是移动设备并且浏览器支持XHTML规范，将会自动跳转到移动端页面以提供更好的用户体验。