分类 默认分类 下的文章

function simulateScrollDown(pixels, interval) {
    let scrolled = 0;
    const scrollStep = pixels / 10; // 每次滚动的步长
    const scrollInterval = setInterval(() => {
        if (scrolled < pixels) {
            document.querySelector('.scroll-menu-wrap').scrollBy(0, scrollStep); // 向下滚动
            scrolled += scrollStep;
        } else {
            clearInterval(scrollInterval); // 滚动结束
        }
    }, interval);
}
   let ele = document.querySelector('.g-table-body')
   ele.scrollTop+=200  

滚动到元素

ele.scrollIntoView({
  behavior: 'smooth', // 平滑滚动,默认是立即滚动
  block: 'start'      // 让元素顶部与视口顶部对齐,可选值:'start', 'center', 'end', 'nearest'
});

 function sleep(ms:number) {
  return new Promise((resolve) => setTimeout(resolve, ms));
}

 async function simulateHumanInput(target, value, interval = 80) {
  target.focus();
  target.innerText = "";

  for (let i = 0; i < value.length; i++) {
    const char = value[i];
    target.innerText += char;

    // 生成输入事件
    const inputEvent = new InputEvent("input", {
      bubbles: true,
      data: char,
      inputType: "insertText"
    });
    target.dispatchEvent(inputEvent);

    // 键盘事件
    const keyEventDown = new KeyboardEvent("keydown", { key: char, bubbles: true });
    const keyEventUp = new KeyboardEvent("keyup", { key: char, bubbles: true });
    target.dispatchEvent(keyEventDown);
    target.dispatchEvent(keyEventUp);

    await sleep(interval + Math.random() * 30);
  }

  target.blur();
}

查询tabs

function queryTabs(queryOptions) {
    return new Promise((resolve, reject) => {
        chrome.tabs.query(queryOptions, (result) => {
            if (chrome.runtime.lastError) {
                reject(chrome.runtime.lastError);
            } else {
                resolve(result);
            }
        });
    });
}

后台和内容脚本通信

接收方

chrome.runtime.onMessage.addListener( (request, sender, sendResponse) =>{
        console.log(`receive message: `, request);
        
        sendResponse({msg: 'msg'}); 
    //表示异步操作,不会立刻关闭消息接收
    return true; 

发送方

chrome.runtime.sendMessage({type: "query"}, (res) => {
        console.log("返回结果 ", res);
    });