[求助]来个大神啊区分移动端 pc端以及ios 安卓帝国cms

帝国论坛 → 帝国网站管理系统交流区 → 模板/标签/插件共享交流 → [求助]来个大神啊区分移动端 pc端以及ios 安卓

【本版专题贴子】

daizy
用户头衔：举人

精华贴   ：0
发贴数   ：155
经验值   ：819
注册时间：2009-07-27

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 1 楼]

[求助]来个大神啊区分移动端 pc端以及ios 安卓

css为

广告代码

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