chrome插件模拟isTrusted的事件

原创

已于 2024-09-02 20:07:57 修改 · 1.3k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#chrome #前端 #javascript

于 2024-09-02 20:06:34 首次发布

文章目录

方法
原理

使用js模拟的事件isTrusted的值时false。有的时候我们想要模拟sTrusted未true的事件就比较麻烦了。
我们可以利用chrome插件的 chrome.debugger解决改问题。

方法

大体思路是：模拟事件的请求从content_script.js发出，到达background.js进行模拟。

manifest中声明debugger的权限
manifest.json:

{
   
   
    "manifest_version": 3,
    "name": "test",
    "description": "test",
    "version": "0.0.1",
    "background": {
   
   
        "service_worker": "background.js"
    },
    "action": {
   
   
        "default_popup": "./dist/index.html"
    },
    "content_scripts": [
        {
   
   
            "js": [
                "content_script.js"
            ],
            "run_at": "document_start"
        }
    ],
    "permissions": [
        "debugger",
    ]
}

content_script.js发出请求

// 该函数的作用是：通过触发element身上的mousedown事件来触发element的点击事件
function openDebuggerToClick(element) {
   
   
  return new Promise((resolve, reject) => {
   
   
    console.log('click目标是', element)
    const x = element.getBoundingClientRect()