css为
<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或安卓
|