帝国论坛帝国网站管理系统交流区模板/标签/插件共享交流[求助]来个大神啊 区分移动端 pc端 以及ios 安卓 【本版专题贴子】  
主题:[求助]来个大神啊 区分移动端 pc端 以及ios 安卓 [加入收藏夹]   

daizy
用户头衔:举人

精华贴   :0
发贴数   :155
经验值   :818
注册时间:2009-07-27
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
[求助]来个大神啊 区分移动端 pc端 以及ios 安卓
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或安卓




2023-06-19 11:39:55 已设置保密 顶部 回复 引用 报告 编辑 删除

cnnb
用户头衔:探花

精华贴   :0
发贴数   :5739
经验值   :16400
注册时间:2008-10-14
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 2 楼]

字符是不是得加引号?




2023-07-03 06:55:02 已设置保密 顶部 回复 引用 报告 编辑 删除

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by: EBB Version 2.2.1