需求说明:
根据用户浏览页面的设备和屏幕的分辨率,在页面上显示不同的页面和不同大小的图片 使用 screen 对象根据屏幕的分辨率显示不同大小的图片
使用 navigator 对象判断用户的浏览页面设备是移动端还是 PC 端。如果是 PC 端,跳转到 PC 端对应的页面;如果是移动端,则跳转到移动端对应的页面
实现思路:
用 navigator 对象中的 userAgent 属性判断用户的浏览设备是 PC 端还是移动端
使用 location 对象中的 href 属性获取地址栏的 URL 并判断用户当前的 URL,如果使用的是移动设备浏览,但 URL 是 PC 端的地址,则使用 location 对象中的 href 属性跳转到移动端页面;如果使用的是 PC 端浏览,但URL 是移动端的地址,则使用 location 对象中的 href 属性跳转到 PC 端页面
在移动端页面上显示文字:“这是一个手机端的页面”
在 PC 端和移动端的页面中使用 screen 对象判断屏幕的可用高度,如果屏幕高度大于