时间戳

首页 > 解决方案 > 我的内容脚本如何从 HTML Web 可访问资源页面访问元素？

javascript - 我的内容脚本如何从 HTML Web 可访问资源页面访问元素？

问题描述

我正在开发一个 chrome 扩展，当用户在某个网站上时，我会弹出一个 iframe。我将 iframe html 文档保存为 Web 可访问资源，我试图弄清楚如何从内容脚本访问和操作该 iframe 文档中的元素。基本上我希望能够根据用户所在的网页更新 iframe 弹出窗口的信息。有没有办法以某种方式直接从内容脚本访问它？或者我可以有一个单独的 js 文件来处理 html 页面上的信息吗？寻找任何人都可以提供的任何想法/指导。谢谢！

编辑：这就是我正在尝试的，我不知道哪里出了问题。

iframe.html

<html>
    <head>
        <title>My extension</title>
        <script src = "iframe.js"></script>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body style="background-color:#FFFFFF">
        <div>
            <h4 id = "testHeader">Trying to get some text here!</h4>
        </div>
    </body>
</html>

iframe.js

var testHeaderElement = document.getElementById("testHeader");
console.log(testHeaderElement.innerText);

在 iframe.js 中，它告诉我它无法记录 testHeaderElement.innerText 因为它为空。为什么找不到元素？

标签： javascripthtmliframegoogle-chrome-extensioncontent-script

解决方案

推荐阅读