Chrome 扩展程序 - 在网页中的元素上自动/执行悬停事件

Question

想要在应该显示子菜单的导航菜单项上执行悬停。

 chrome.scripting.executeScript(
      {
        target: {tabId: tabId},
        func: hoverFunction,
        args:[id]
      },
(injectionResults) => {
// perform something post execution
});

function hoverFunction(id){
let element = document.getElementById(id);
element.addEventListener('mouseover', function() {
  console.log('Event triggered');
});

var event = new MouseEvent('mouseover', {
  'view': window,
  'bubbles': true,
  'cancelable': true
});
element.dispatchEvent(event);
}

试图模拟菜单项上的鼠标悬停事件，我看到事件被触发，因为我看到控制台日志被打印但子菜单不会在脚本执行时弹出..

试图模拟/调度菜单项上的鼠标悬停事件，我看到事件被触发，因为我看到控制台日志被打印但子菜单不会在脚本执行时弹出..

我的期望是我应该能够使用脚本在元素上自动化/执行悬停并让预期的事件发生..在这种情况下，子菜单弹出或显示元素的工具提示（如果有的话）鼠标悬停..

Answer 1

我尝试盲目射击：
在我看来，它很有可能通过添加来工作世界：“主要”里面执行脚本