Javascript jQuery:获取像inspect这样的元素,而不是源代码

Javascript jQuery:获取像inspect这样的元素,而不是源代码,javascript,jquery,angularjs,google-chrome-extension,bigcommerce,Javascript,Jquery,Angularjs,Google Chrome Extension,Bigcommerce,我正在构建一个chrome扩展,用于从BigCommerce管理员获取资金。但是BigCommerce管理员似乎是由angular构建的(我不知道angular是如何工作的),并且我无法从源代码中获取capture button元素,它是由angular iframe动态添加的,比如ajax <iframe id="content-iframe" class="cp-iframe" frameborder="0" ng-idle-watch-iframe="" iframe

我正在构建一个chrome扩展,用于从BigCommerce管理员获取资金。但是BigCommerce管理员似乎是由angular构建的(我不知道angular是如何工作的),并且我无法从源代码中获取capture button元素,它是由angular iframe动态添加的,比如ajax

<iframe id="content-iframe" class="cp-iframe" frameborder="0"
        ng-idle-watch-iframe="" iframe-manager="" post-message=""
        ng-class="{ 'ui-hidden': !(MainCtrl.isIframeActive('cp')) }"
        name="cp-iframe" ui-interaction="">
</iframe>

但它仍然不起作用。您还有其他想法吗?

不幸的是,您无法从Chrome扩展访问iframe的DOM(例如,请参阅)

不幸的是,您无法从Chrome扩展访问iframe的DOM(例如,请参见)

严格来说,您可以访问它,正如链接主题中所示。我想更好的措辞应该是“您不能直接从主内容脚本访问跨源iframe的DOM,因此您需要在iframe中运行另一个内容脚本并使用消息来协调数据提取”。严格来说,您可以访问它,正如链接主题中所示。我想更好的措辞应该是“您不能直接从主内容脚本访问跨源iframe的DOM,因此您需要在iframe中运行另一个内容脚本,并使用消息传递来协调数据提取”。
setTimeout(function()
{
    console.log($('button.capture-trigger').length);
    $('button.capture-trigger').click();
}, 6000);