Javascript Window.Open：Chrome浏览器不支持工具栏，后退/前进导航按钮

编程问答 2022-06-07

问题描述

我在2020年拥有最新版本的Chrome版本86.0.4240.111。 当我在Typescript Angular中运行Window.Open命令时，它不遵循工具栏。我需要后退/前进导航按钮。如何使Chrome浏览器遵循此规则？

const strWindowFeatures = `location=yes,height=${screen.height},width=${screen.width},fullscreen=yes,toolbar=yes,scrollbars=yes,resizable=yes`;
var newWindow = window.open('http://www.cnn.com','test',strWindowFeatures);
newWindow.moveto(0,0);

enter image description here

上方没有来回箭头

解决方法

根据MDN window.open#Toolbar_and_UI_parts_features：

在现代浏览器（Firefox 76或更高版本，Google Chrome，Safari，Chromium Edge）中，以下功能只是是否打开弹出窗口的条件。请参阅弹出条件部分。

根据popup condition：

大多数现代浏览器（下面列出）不允许Web内容单独控制UI部件的可见性。

  • Firefox 76或更高版本
  • 谷歌浏览器
  • Safari
  • 铬边缘

与UI相关的windowFeatures用作打开弹出窗口，新标签页或新窗口的条件，并且每个UI部分的可见性是固定的。

条件取决于实现且不能保证稳定。

因此，我想您正在打开一个弹出窗口，因此，谷歌浏览器不允许在导航栏中显示其他chrome元素。这可能是为了区分弹出窗口和新标签。

将这些选项传递给window.open将会创建一个弹出窗口，而不是普通选项卡，但是如果不是出于上述原因，其中某些似乎并没有真正使用。

  • 菜单栏
  • 工具栏
  • 位置
  • 状态
  • 可调整大小
  • 滚动条

希望这对您有用。

angulargoogle-chromejavascripttypescripttypescriptwindow.open