2016-11-08 78 views
0

我正在尝试创建一个Chrome应用程序,当我点击一个按钮时,它会打开一个新的Chrome窗口,此刻它只是打开一个新选项卡。在新窗口中打开Chrome(Chrome应用程序)

HTML:

<html> 
<head> 
<script src="jquery-3.1.1.min.js"></script> 
<script src="script.js"></script> 
</head> 

<body> 

<button>Test</button> 

</body> 
</html> 

JS:

$(document).ready(function() { 
    $("button").click(function() { 
    window.open(
     "https://www.google.com", 
     "_blank", 
     "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400" 
    ); 
    }); 
}); 
+0

停止投票只是因为你不知道如何解决它。 –

+0

请先尝试一下:https://developer.mozilla.org/en-US/docs/Web/API/Window/open – DekiChan

回答

1

可悲的是,有没有办法做到这一点,我知道的。

在应用程序的上下文中使用window.open有点破解,但导致URL在用户的默认浏览器(不一定是Chrome)中打开。对于浏览器如何选择打开它没有任何控制。

有一个Chrome应用程序特定的API,专门用“在Chrome中打开页面”记住,chrome.browser。但是,它仍不提供在新窗口中打开的选项。


你可以得到的最接近是创建自己的“浏览器”:在它<webview>一个应用程序窗口。然后,您可以完全控制演示文稿,但未与Chrome的个人资料集成,可能需要额外的工作才能实现对话框和浏览器控件等功能。请参阅Browser sample app<webview> documentation

0

你上线的最后错过了“

window.open("https://www.google.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400"); 
+0

仍然不起作用。 –

+0

@RhysEdwards只需复制这行代码并在谷歌浏览器的控制台中运行它即可。在我的电脑上工作正常。一定要和你一起工作。 –

+0

在您的浏览器中,它工作正常。问题是关于Chrome应用程序平台,而不是浏览器。 – Xan

-1

这在Chrome应用中创造了新的窗口

chrome.app.window.create('https://www.google.com', { 
    id: "MyApp", 
    outerBounds: {width: 400, height: 400} 
}); 

如果你想要一个外部URL,然后ü应该动态改变的src属性使用

<webview src="http://news.google.com/" width="640" height="480"></webview> 

了解更多详情,请按照the Link

+1

它不适用于Chrome应用。 – Xan

+0

对不起,我已经更新了答案 – jafarbtech

+0

还是错的。您无法创建一个窗口来托管外部网址.. – Xan

相关问题