Google Chrome与其他浏览器的window.open高度不一样 [英] window.open height isn't the same in Google Chrome as other browsers

问题描述

我使用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 ，并且所有浏览器中的预期内容高度均为775px只有50px才会添加到Chrome：

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 属性设置为50px，比我希望它在Chrome以及其他所有浏览器中工作的更多。

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.

这篇关于Google Chrome与其他浏览器的window.open高度不一样的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！