Question

我已经创建了一个自定义呼叫传递工具，该工具运行正常，没有任何问题。

我需要一个建议，何时我最小化Messenger浏览器窗口，以及那个时候是否有任何电话打进来，我想通过弹出该窗口或突出显示来显示某种指示。

我尝试过window.focus，如果窗口没有聚焦但在最小化时它不起作用，该方法就可以工作。

还有其他方法可以显示特定窗口的任何指示吗？

Answer 1

为此您需要查看javascript Notifications

此外，您可以更改document.title或网站图标以指示此标签具有某些通知，例如YouTube这样做，例如标题中带有通知计数器

Answer 2

open调用返回对新窗口的引用。它可用于操纵其属性，更改位置，甚至更多。

在此示例中，我们从JavaScript生成弹出内容：

let newWin = window.open("about:blank", "hello", "width=200,height=200");
newWin.document.write("Hello, world!");

在这里，我们在加载后修改内容：

let newWindow = open('/', 'example', 'width=300,height=300')
newWindow.focus();
alert(newWin.location.href); // (*) about:blank, loading hasn't started yet
newWindow.onload = function() {
  let html = `<div style="font-size:30px">Welcome!</div>`;
  newWindow.document.body.insertAdjacentHTML('afterbegin', html);
};

请注意：在window.open之后，尚未立即加载新窗口。第（*）行中的警报表明了这一点。因此，我们等待onload对其进行修改。我们还可以对newWin.document使用DOMContentLoaded处理程序。

突出显示最小化浏览器窗口

2 个答案: