Javascript 我可以在网页内容中获取图像url并显示在chrome扩展中吗？

我是一个使用HTMLCSS3和Javascript创建chrome扩展的人。现在的问题是，我可以在任何网站的鼠标上获取图像url，并将图像显示到我的chrome扩展中。下面是给定清单文件的代码。我没有找到任何使用内容脚本获取图像Url的函数

清单文件

{
  "manifest_version": 2,
  "name": "React Extention",
  "author": "Muhammad Yousuf",
  "version": "1.0.1",
  "options_page": "index.html",
  "description": "Replace new tab screen with GitHub trending projects.",
  "web_accessible_resources": ["index.html"],
  "incognito": "split",
  "icons": {
    "16": "logo.png",
    "48": "logo.png",
    "128": "logo.png"
  },
  "content_scripts": [
    {
      "matches": ["*://*.dawn.com/*"],
      "js": ["content-script.js"]
    }
  ],
  "browser_action": {
    "default_title": "Extention"
  },
  "background": {
    "scripts": ["background.js"],
    "presistent":false
  },
 "content_security_policy": "script-src 'self' 'sha256-GgRxrVOKNdB4LrRsVPDSbzvfdV4UqglmviH9GoBJ5jk='; object-src 'self'",

  "permissions": ["tabs", "http://*/*", "storage"]
}

---

在这里，我首先检测到悬停的元素，然后检查它的标记名

 var hovered_elemnet = (window.event) ? window.event.srcElement : e.target;
        console.log("hovered_elemne",hovered_elemnet.tagName)
        if (hovered_elemnet.tagName == "IMG") {
            console.log("src--",clickedElement.src);
        }

---

是的，你可以获取img的src，但你需要先检查mouseover元素是否是一个标记，然后你可以轻松获取其src。你可以展示一些代码如何选择图像源。我已经在回答中发布了我的代码。请检查你的欢迎@MuhammadYousuf。如果你也对我的努力进行投票，那就太好了：）当然，但问题是我不能投票，因为我的个人资料是新的，不到15个声誉Sure@the_ultimate_developer:）感谢回答我的问题，我已经解决了这个问题。但再次感谢您。@MuhammadYousuf如果您已经回答了自己的问题，您也可以自己发布答案，以便人们将来可以使用它。

document.body.onmouseover = (event)=>{
    if (event.target.nodeName === 'IMG') {
      console.log(event.target.src)
    }
  }