javascript - 使用reactjs在按钮单击时关闭当前浏览器选项卡

Question

有没有办法可以通过按下按钮关闭当前浏览器选项卡，使用 reactjs？我已经尝试过window.close()，self.close()但所有 JavaScript 方法似乎都不起作用。我不希望 React 中出现关闭窗口的事件。我想关闭浏览器选项卡本身。window.close()只有在使用时才能window.open()使用。

Answer 1

浏览器不允许关闭非自打开选项卡，window.open() 因此这是一种解决方法并说服浏览器它是由您打开的

通过在同一页面中打开一个空白页面然后将其关闭。

你可以试试

window.open("about:blank", "_self");
window.close();

Answer 2

最后的答案是不打开选项卡，你不能使用 window.close() 关闭它。我到处搜索，所以，我想出了一个窍门。如果您使用的是 reactjs 钩子，只需像这样使用 useEffect 在同一选项卡中打开相同的 url -

useEffect(() => {
window.open("https://xyz.abc/", "_self", "");
console.log("open window");
}, []);

然后制作 close 函数并将 onclick 添加到具有window.close();

这肯定会奏效！久经考验。

Answer 3

您现在只能关闭您生成的这些选项卡window.open()。