谷歌浏览器中的 window.open 高度与其他浏览器不同

问题描述

我正在使用 javascript 的 window.open 在用户点击指定宽度和高度 (760x581) 时打开浏览器窗口，这在 Internet Explorer、Safari 和 Firefox 上正常工作，但 Google Chrome 给我带来了问题.在其他浏览器中，高度被正确地用作内容的高度，但在 Google Chrome 中，它使实际浏览器窗口的高度为 581 像素而不是内容.有没有办法解决这个问题?

I am using javascript's window.open to open a browser window on a user click at a specified width and height (760x581), and this works correctly on Internet Explorer, Safari, and Firefox, but Google Chrome is giving me issues. In the other browsers, the height is correctly used as the height of the content, but in Google Chrome it is making the actual browser window 581 pixels tall instead of the content. Is there a way to fix this?

<a href="http://domain.com/example.php" onclick="window.open('http://domain.com/example.php', '', 'width=760, height=581, top=15, left=15, toolbar=0, menubar=0, scrollbars=1, resizable=1, copyhistory=0, location=0, directories=0, status=1, titlebar=1, personalbar=0');return false">click here</a>

推荐答案

于是我又搞砸了，发现有些浏览器支持 window.open 的属性 innerHeight以下内容在所有浏览器中均按预期工作，所需内容高度为 775 像素，仅向 Chrome 添加 50 像素:

So I messed with things more and discovered that some browsers supported the property innerHeight for window.open and the following worked as expected in all browsers with the desired content height at 775px with 50px added to Chrome only:

window.open($(this).attr('href'), 'videoplayer',
   'width=1242, height=775, innerHeight=825, location=no, menubar=no, status=no, titlebar=no, scrollbars=no'
);

我在 Chrome 6.0.472.63、Firefox 3.6、3 和 2、IE 8 &7 和 Opera 10.62.当我只使用 height 时，Chrome 会短约 50px 并且有滚动条，但上面的所有浏览器都很好.添加的 innerHeight 属性设置为比我希望它在 Chrome 和所有其他浏览器中工作的值高 50 像素.

I tested this in Chrome 6.0.472.63, Firefox 3.6, 3, and 2, IE 8 & 7, and Opera 10.62. When I was only using height Chrome would be about 50px too short and have scrollbars but all the browsers above were fine. With the added innerHeight property set at 50px more than what I want it worked in Chrome as well as all other browsers.

更新: 看起来这在 Safari 中造成了一个问题，增加了 50px 的高度.将研究解决该问题的方法.

Update: It looks like this creates a problem in Safari with an added 50px of height. Will look into ways to get around that.

这篇关于谷歌浏览器中的 window.open 高度与其他浏览器不同的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！