如何在纯Javascript中检测iOS并显示一次横幅？

// 检测iOS并显示横幅
function detectAndShowBanner() {
  var userAgent = navigator.userAgent;
  
  // 判断用户代理字符串中是否包含"iPhone"或"iPad"关键字
  if (userAgent.match(/iPhone|iPad/i)) {
    // 创建一个横幅元素
    var banner = document.createElement('div');
    
    // 设置横幅的样式
    banner.style.position = 'fixed';
    banner.style.top = '0';
    banner.style.left = '0';
    banner.style.width = '100%';
    banner.style.height = '50px';
    banner.style.backgroundColor = 'blue';
    banner.style.color = 'white';
    banner.style.textAlign = 'center';
    banner.style.lineHeight = '50px';
    banner.style.zIndex = '9999';
    
    // 设置横幅的内容
    banner.innerHTML = 'This is a banner for iOS users.';
    
    // 将横幅添加到页面中
    document.body.appendChild(banner);
  }
}

// 调用检测函数
detectAndShowBanner();