来个大神啊 区分移动端 pc端 以及ios 安卓
css为
广告代码
结果移动端还是不能旁段ios或安卓
- <style type="text/css"> .pcd_item { display: block; } .mbd_item { display: none; } @media(max-width: 768px) { .pcd_item { display: none !important; } .mbd_item { display: block !important; } }</style>
广告代码
- <div class="pcd_item">此处放入显示在电脑上的广告代码</div><div class="mbd_item">此处放入显示在移动设备上的广告代码</div><script type="text/javascript"> // 检测设备类型 var userAgent = navigator.userAgent || navigator.vendor || window.opera; var isIOS = /iPad|iPhone|iPod/.test(userAgent); var isAndroid = /Android/.test(userAgent); // 根据设备类型更新广告容器的类名并插入相应的广告代码 if (isIOS) { document.getElementsByClassName('pcd_item')[0].style.display = 'none'; document.getElementsByClassName('mbd_item')[0].style.display = 'block'; document.getElementsByClassName('mbd_item')[0].innerHTML = '此处放入显示在iOS设备上的广告代码'; } else if (isAndroid) { document.getElementsByClassName('pcd_item')[0].style.display = 'none'; document.getElementsByClassName('mbd_item')[0].style.display = 'block'; document.getElementsByClassName('mbd_item')[0].innerHTML = '此处放入显示在安卓设备上的广告代码'; } else { // 如果是其他设备类型,可以添加相应的逻辑 }</script>
结果移动端还是不能旁段ios或安卓