【js 适配pc/H5网址切换】简单兼容pc/H5，对部分网页路径监听切换

问题：需要获取地址参和路径做pc/h5兼容切换

前置条件

有pc和H5两个端的网址，对应的页面路径不一致，需要简单做首页和详情页的兼容切换

过程

1.打印 window.location

console.log(window.location)

2.从中可知
获取参数

 window.location.search  // ?goodsid=3085

获取对应的参数值

// 适用于只有一个参数的
 window.location.search.split('参数名=')[1] 

// 获取多个参数，返回object
var obj = Object();
(window.location.search.split('?')[1]).split('&').map(el => {
    obj = {
        ...obj,
     	 [el.split('=')[0]]: el.split('=')[1]
    }
})
console.log(obj);

获取域名

 window.location.hostname

获取页面路径

 window.location.pathname

获取当前路径

window.location.href

3.判断当前浏览器所处的设备 navigator.userAgent

// 移动端
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent)) {
 	// 做相应处理
}
// pc端
if(!(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent))) {
 	// 做相应处理
}