Question

我正在尝试创建一个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"
    );
  });
});

Answer 1

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

在应用程序的上下文中使用window.open有点骇人听闻，但导致URL在用户的默认浏览器（不一定是Chrome）中打开。浏览器选择如何打开它无法控制。

专门针对“在Chrome中打开网页”专门创建的Chrome应用专用API，chrome.browser。但是，它仍然没有提供在新窗口中打开的选项。

您最接近的是创建自己的“浏览器”：其中包含<webview>的应用程序窗口。然后您可以完全控制演示文稿，但它没有与Chrome的配置文件集成，可能需要额外的工作来实现对话框和浏览器控件等内容。请参阅Browser sample app和<webview> documentation。

Answer 2

你错过了＃34;在行尾

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

Answer 3

这会在Chrome应用中创建新窗口

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

如果您需要外部网址，则应使用

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

有关动态更改src属性的更多详细信息，请按照the Link

进行操作

在新窗口中打开Chrome（Chrome应用）

3 个答案: