【问题标题】:Stop webpack-dev-server from focusing browser tab where site is already opened停止 webpack-dev-server 聚焦已打开站点的浏览器选项卡
【发布时间】:2018-09-24 23:57:19
【问题描述】:

发生了什么:

  1. 我使用 { devServer: { open: false } } 启动 webpack-dev-server(这是默认设置,但我尝试将其明确化;没有帮助)。
  2. 我在浏览器中打开http://localhost:8080。页面显示正常。
  3. Command+Tab 到另一个窗口,将浏览器窗口隐藏在它后面。
  4. 我更改了 webpack-dev-server 监视的 .js 文件中的某些内容并保存。
  5. webpack-dev-server 启动,重新发送资产(到目前为止一切顺利),然后...
  6. 带有先前打开的 localhost 选项卡的浏览器窗口突然弹出并占据焦点,将自身定位在我当时正在处理的任何内容的前面。

因此,使用{ open: false } 时,我会阻止 WDS 在每次更改某些内容时打开 new 选项卡,这很好。但是如何阻止 WDS 自动聚焦已打开的选项卡?

【问题讨论】:

  • 奇怪..我在 Windows10+Chrome+Webpack4.19.1 上没有这样的问题,open: true 也没有。听起来很愚蠢,但以防万一,用你的网站打开浏览器,打开 devtools,输入这个重新加载脚本 setTimeout(function(){window.location.reload()}, 5000); 并突然切换回你的开发 IDE 以确保它是因为 devserver :)
  • 如果我这样做,页面会在后台重新加载。浏览器窗口不会夺回焦点。
  • 您找到解决方案了吗?这真的很烦人:-/

标签: webpack webpack-dev-server


【解决方案1】:

对我来说,启用热模块更换(使用webpack serve --hot)解决了这个问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-08-24
    • 1970-01-01
    • 1970-01-01
    • 2012-07-26
    • 2011-11-15
    • 2017-03-19
    • 2018-08-29
    相关资源
    最近更新 更多