function getCurrentScreen() {
  // 獲取窗口居中點(diǎn)坐標(biāo)
  const winCenterX = window.screenX + window.innerWidth / 2;
  const winCenterY = window.screenY + window.innerHeight / 2;

  // 遍歷所有屏幕尋找匹配項(xiàng)
  return Array.from(window.screen.availScreens || []).find(screen => {
    return (
      winCenterX >= screen.left &&
      winCenterX <= screen.left + screen.width &&
      winCenterY >= screen.top &&
      winCenterY <= screen.top + screen.height
    );
  });
}

class ScreenTracker {
  constructor() {
    this.lastScreenId = null;
    this.pollInterval = null;
  }

  startTracking(interval = 1000) {
    this.pollInterval = setInterval(() => {
      const currentScreen = getCurrentScreen();
      
      if (currentScreen?.id !== this.lastScreenId) {
        // 觸發(fā)切換事件
        this.onScreenChange?.(currentScreen);
        this.lastScreenId = currentScreen?.id;
      }
    }, interval);
  }

  stopTracking() {
    clearInterval(this.pollInterval);
  }
}

// 使用示例
const tracker = new ScreenTracker();
tracker.onScreenChange = (newScreen) => {
  console.log('切換到屏幕:', newScreen.label);
  // 業(yè)務(wù)邏輯：更新UI/重載資源等
};
tracker.startTracking();

let lastFullscreenState = false;

function setupFullscreenWatcher() {
  ['fullscreenchange', 'webkitfullscreenchange', 'mozfullscreenchange']
    .forEach(event => document.addEventListener(event, checkFullscreen));

  function checkFullscreen() {
    const isFullscreen = !!(
      document.fullscreenElement ||
      document.webkitFullscreenElement ||
      document.mozFullScreenElement
    );

    if (isFullscreen !== lastFullscreenState) {
      lastFullscreenState = isFullscreen;
      // 觸發(fā)全屏狀態(tài)變更
      console.log(`全屏狀態(tài): ${isFullscreen ? '進(jìn)入' : '退出'}`);
      // 業(yè)務(wù)邏輯: 調(diào)整界面布局/控制欄顯隱等
    }
  }
}

// 手動(dòng)觸發(fā)全屏（兼容瀏覽器）
function toggleFullscreen(element = document.documentElement) {
  if (!document.fullscreenElement) {
    const request = 
      element.requestFullscreen || 
      element.webkitRequestFullscreen ||
      element.mozRequestFullScreen;
    request.call(element);
  } else {
    const exit = 
      document.exitFullscreen ||
      document.webkitExitFullscreen ||
      document.mozCancelFullScreen;
    exit.call(document);
  }
}

async function useScreenDetails() {
  if (!('getScreenDetails' in window)) return null;

  try {
    const screenDetails = await window.getScreenDetails();
    
    // 主屏幕監(jiān)聽
    screenDetails.addEventListener('currentscreenchange', () => {
      console.log('主屏變更:', screenDetails.currentScreen);
    });
    
    // 屏幕配置變化（拔插顯示器）
    screenDetails.addEventListener('screenschange', () => {
      console.log('屏幕配置變化:', screenDetails.screens);
    });
    
    return screenDetails;
  } catch (e) {
    console.error('Screen Details API 失敗:', e);
    return null;
  }
}

// 使用示例（需在安全上下文中）
useScreenDetails().then(api => {
  const currentScreen = api?.currentScreen;
  console.log('當(dāng)前屏幕信息:', currentScreen);
});

class MultiScreenPresenter {
  constructor() {
    this.activeScreenId = null;
    this.screenElements = new Map(); // 存儲(chǔ)各屏DOM元素
  }

  async init() {
    // 初始化屏幕檢測(cè)
    this.screenDetector = await this.getBestDetector();
    
    // 全屏事件綁定
    document.getElementById('fullscreenBtn')
      .addEventListener('click', () => toggleFullscreen());
    
    // 屏幕切換邏輯
    this.onScreenChange = (screen) => {
      this.activateScreen(screen.id);
    };
  }
  
  async getBestDetector() {
    if ('getScreenDetails' in window) {
      const api = await useScreenDetails();
      if (api) return api;
    }
    return new ScreenTracker(); // 降級(jí)方案
  }
  
  activateScreen(screenId) {
    // 隱藏當(dāng)前屏幕內(nèi)容
    if (this.activeScreenId) {
      this.screenElements.get(this.activeScreenId).hidden = true;
    }
    
    // 激活新屏幕
    const nextScreenEl = this.screenElements.get(screenId);
    nextScreenEl.hidden = false;
    nextScreenEl.focus();
    
    console.log(`已激活屏幕: ${screenId}`);
    this.activeScreenId = screenId;
  }
}

// 初始化系統(tǒng)
const presenter = new MultiScreenPresenter();
presenter.screenElements.set('main', document.getElementById('mainContent'));
presenter.screenElements.set('present', document.getElementById('presentMode'));
presenter.init();

if (!('permissions' in navigator)) return;
const status = await navigator.permissions.query({ name: 'window-placement' });

startTracking(interval = 1000) {
  // 節(jié)流處理
  if (this.pollInterval) return;
  // ...原有邏輯
}

getDetector() {
  if (window.ScreenDetails) { /*...*/ }
  else if (window.screen.availScreens) { /*...*/ }
  else { /* 僅監(jiān)聽全屏狀態(tài) */ }
}