在 Chrome 中打开一个具有特定宽度和高度的新 HTML 点击
Posted
技术标签:
【中文标题】在 Chrome 中打开一个具有特定宽度和高度的新 HTML 点击【英文标题】：open a new HTML tap in Chrome with a specific width and height 【发布时间】：2021-03-24 07:36:36 【问题描述】：我有一个代码可以打开一个具有特定高度和宽度的新窗口。如果可能的话，我希望打开一个新选项卡而不是新窗口，但仍然能够指定新选项卡的高度和宽度。这可能吗？
<html>
<head>
</head>
<body>
<input type="button" onclick='var myW=window.open
("http://www.google.com/", "mywindow", "width = " + window.screen.width + ", height = " + window.screen.width / 3 + "");'>
</body>
</html>
【问题讨论】：
如何调整新标签的大小？选项卡占据窗口的全高和全宽。 我认为你有一个观点，要使选项卡成为我想要的大小，我想我必须开始制作第一个大小的窗口。如果是这样，以下选项卡的大小是否与父窗口相同？ 我认为你可以做一件事——在新标签中打开链接（在现有窗口中），然后调整现有窗口的大小。 是的，我认为这也应该有效，谢谢。 【参考方案1】：据我所知，无法决定是否仅在选项卡中打开新链接。浏览器的设置决定是否在选项卡或窗口中打开新单击的链接target="_blank"。
当然可以强制使用 javascript 打开一个新窗口而不是选项卡。
现有问题：
关于强制在新标签页中打开： HTML: how to force links to open in a new tab, not new window
使用 Javascript 调整窗口大小： https://www.w3schools.com/jsref/met_win_resizeto.asp
【讨论】：
【参考方案2】：你可以替换myWindow.resizeTo(250, 250);数字来改变窗口大小
<p>Open a new window, and resize the width and height to 500px:</p>
<button onclick="openWin()">Create window</button>
<button onclick="resizeWin()">Resize window</button>
<script>
var myWindow;
function openWin()
myWindow = window.open("", "", "width=100, height=100");
function resizeWin()
myWindow.resizeTo(250, 250);
myWindow.focus();
</script>
【讨论】：
你说得对，谢谢，但这不是我要找的。创建新窗口后，它的大小已经合适了，我的问题是我更愿意打开一个新标签，因为某些浏览器会阻止弹出窗口，而新标签更友好以上是关于在 Chrome 中打开一个具有特定宽度和高度的新 HTML 点击的主要内容，如果未能解决你的问题，请参考以下文章
使用 Inspect 检查页面时，Chrome 不显示屏幕的宽度和高度
jQuery无法获取隐藏元素（display:none）宽度(width)和高度(height)的新解决方案
如何使用 Python 和 Selenium 在 Chrome 中打开具有不同 URL 的新标签页？ [复制]