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

window.open height isn#39;t the same in Google Chrome as other browsers(谷歌浏览器中的 window.open 高度与其他浏览器不同)
本文介绍了谷歌浏览器中的 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 高度与其他浏览器不同的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Update another component when Formik form changes(当Formik表单更改时更新另一个组件)
Formik validation isSubmitting / isValidating not getting set to true(Formik验证正在提交/isValiating未设置为True)
React Validation Max Range Using Formik(使用Formik的Reaction验证最大范围)
Validation using Yup to check string or number length(使用YUP检查字符串或数字长度的验证)
Updating initialValues prop on Formik Form does not update input value(更新Formik表单上的初始值属性不会更新输入值)
password validation with yup and formik(使用YUP和Formick进行密码验证)