在新窗口中打开Chrome(Chrome应用)

时间:2016-11-08 13:32:43

标签: javascript jquery html google-chrome-app

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

3 个答案:

答案 0 :(得分:1)

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

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

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

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

答案 1 :(得分:0)

你错过了#34;在行尾

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

答案 2 :(得分:-1)

这会在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

进行操作