Javascript Window.Open：Chrome 不支持工具栏、前后导航按钮

Question

我有 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);  
 

上面没有来回箭头

Answer 1

根据MDN window.open#Toolbar_and_UI_parts_features：

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

并根据popup condition：

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

• Firefox 76 或更新版本
• 谷歌浏览器
• 野生动物园
• 铬边

windowFeatures 的 UI 相关项用作打开弹出窗口或新选项卡或新窗口的条件，并且每个项的 UI 部件可见性都是固定的。

条件依赖于实现，不保证稳定。

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

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

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

希望这对你有用。