如何从主选项卡上的新选项卡上运行功能? (谷歌浏览器)

时间:2016-07-05 22:18:07

标签: javascript google-chrome tabs

我需要打开控制台并在新选项卡上运行一个函数,我使用javascrip打开。开放部分很简单,但如何在其他标签上运行功能?

var google = window.open("http://google.com")

2 个答案:

答案 0 :(得分:2)

在阅读您的问题后,您似乎想要打开弹出窗口的开发控制台?假设这是您正在寻找的,您应该只需右键单击弹出的窗口并点击“Inspect Element”。然后从那里去控制台。

<小时/> 如果你试图以编程方式从父项运行一个函数到弹出窗口,这里有一个想法。

假设新窗口与您的域名在同一个域中,此解决方案可能适合您。 (浏览器支持有限)

在父页面上:

//store the function in localStorage
localStorage.runThis = function(){ alert("Hello world"); }
//open the popup window
newWindow = window.open("http://your-domain.com/your-page");

在弹出窗口中打开的页面:

//check if the function has been stored
if(typeof localStorage.runThis === "function"){
    //run the function in localStorage
    localStorage.runThis();
}

一个问题是此方法依赖于满足此标准:

  • 浏览器支持localStorage
  • 父页面和弹出页面来自同一个起源
  • 弹出页面必须实际查找有问题的函数并执行函数本身

这样做的一个缺点是,如果有人要去Javascript控制台并将自己的功能设置为localStorage,弹出页面会看到它们的功能并运行潜在的危险代码 - 一个安全漏洞。

答案 1 :(得分:0)

常见的解决方案是使用localstorage

<BN-nav></BN-nav>