在iFrame中设置元素值-Chrome扩展程序

瓦尔斯坦

我正在尝试将活动标签Url设置为我在其上注入的iframe中的表单字段chrome.browserAction.onClicked

问题是由于安全策略(主页和iframe的不同来源),我无法iframe访问content script主页是一个外部页面。例如。wikipedia.com

到目前为止,这是我尝试过的。

content_script.js

function onExtensionMessage(request) {
  if (request['iconClicked'] != undefined) {
    var extensionOrigin = 'chrome-extension://' + chrome.runtime.id;
    if (!location.ancestorOrigins.contains(extensionOrigin)) {
        var urlvalue = location.href;
        var iframe = document.createElement('iframe');
        iframe.setAttribute("id", "iFrameS");
        iframe.src = chrome.runtime.getURL('popup.html');
        iframe.addEventListener('load', function (e) {
            // Either set the value of input element in Iframe 
            // here or pass an event to background.js and set it from there
            chrome.extension.sendRequest({'frameloaded': true});
        }, false);                       
        document.body.appendChild(iframe);
    }
    return;
  }
}

function initContentScript() {      
  chrome.extension.onRequest.addListener(onExtensionMessage);
}

initContentScript();

popup.html

<form method="post">
    <input id="url" type="text">
</form>

单击扩展程序图标后,我将一条消息传递到内容脚本以注入iframe,一旦加载iframe,我想设置字段值。

从内容脚本中引用了此链接Access iframe,但找不到解决方案。

任何帮助,将不胜感激。

狼是

如果需要将简单数据传递到新创建的iFrame,则可以在iFrame的src中使用查询字符串。
创建iFrame时:

var winLoc = window.location.href; //I think this is what you want to send to your iFrame and populate field value

iframe.src = chrome.runtime.getURL('popup.html?'+winLoc );

在您的iFrame脚本拆分网址中:

var activeUrl = location.href.split('?')[1];  
//activeUrl now contains passed data

这样,您可以随意连接多个“简单”数据

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Chrome扩展程序设置

来自分类Dev

无法更改Chrome扩展程序生成的iframe中的元素

来自分类Dev

从Chrome扩展程序访问iframe中的DOM元素

来自分类Dev

Chrome扩展程序注入iframe

来自分类Dev

Chrome扩展程序弄乱了iframe

来自分类Dev

Chrome扩展程序-保存设置

来自分类Dev

chrome扩展程序:扩展程序可以与外部iframe通信吗?

来自分类Dev

通过Chrome扩展程序绕过iFrame检测

来自分类Dev

Chrome扩展程序将jQuery注入iframe

来自分类Dev

Chrome扩展程序-iFrame自动高度

来自分类Dev

Chrome扩展程序:在用户点击iframe时设置操作

来自分类Dev

无法使用Chrome扩展程序设置Cookie

来自分类Dev

Chrome扩展程序从DOM获取CSS值

来自分类Dev

在Chrome扩展程序中打开(导入)文件

来自分类Dev

在Chrome扩展程序中实现Facebook登录

来自分类Dev

搜索结果中的Chrome扩展程序图标

来自分类Dev

在Chrome扩展程序中显示通知

来自分类Dev

保护在Chrome扩展程序中公开的API

来自分类Dev

Chrome扩展程序中的消息传递示例

来自分类Dev

Chrome扩展程序后台脚本中的AngularJS

来自分类Dev

在Chrome扩展程序中停止内容脚本

来自分类Dev

在Chrome扩展程序中连接OpenVPN吗?

来自分类Dev

在chrome扩展程序中包括google analytics

来自分类Dev

扩展程序页面中的Chrome图标

来自分类Dev

Firefox中的Google Chrome扩展程序

来自分类Dev

Chrome扩展程序中的Google Apps脚本?

来自分类Dev

在Chrome扩展程序中连接OpenVPN吗?

来自分类Dev

在Google Chrome扩展程序中获取JSON

来自分类Dev

避免在Chrome的Cast扩展程序中缓存