每次刷新页面时都会关闭elm-debugger窗口。如何防止这种形式发生？

Question

在每次刷新elm-live之后，我发现自己花了很多时间移动并调整elm-debugger窗口的大小。

理想的行为与ChromeDeveloperConsole相同。当您打开开发人员控制台并进行页面刷新时，控制台也会刷新。

在页面刷新期间，Chrome开发者窗口会保留在您放置的位置。

当您有多个监视器打开多个页面并在特定位置小心调整大小时，尤其如此......

但如果现在不可能，我至少可以通过避免调整大小和移动这个窗口来节省时间..这就是现在发生的事情 - 默认情况下：

每次有900 x 360和its beneath the start bar。

如果榆树调试器保留了我想要的尺寸和我想要的位置 - 那现在已经足够了......

更新 我找到了设置elm-debugger窗口参数的位置：第VirtualDom.js行1697

function openDebugWindow(moduleName, popoutRef, virtualNode, eventNode)
{
    var w = 900;
    var h = 360;
    var x = screen.width - w;
    var y = screen.height - h;
    var debugWindow = window.open('', '', 'width=' + w + ',height=' + h + ',left=' + x + ',top=' + y);

    // switch to window document
    localDoc = debugWindow.document;
    ...

我试过改变宽度和高度，但由于某种原因它不起作用。就像我没有做任何改变。这很奇怪 - 因为我已经看到每个页面刷新时重复使用elm-stuff文件夹 - 请在此处查看问题：How to resize Msg pannel in elm-debugger：

但为什么应用Debug.elm的更改并且这些更改不适用？

如果我可以解决任何这些问题，使用elm-debugger的经验将会得到很大改善。

Answer 1

我找到了部分解决方案：

function openDebugWindow(moduleName, popoutRef, virtualNode, eventNode)
{
   var w = 900; -- i like this.
   var h = 560; -- i've changed the height.
   var x = screen.width - w ;
   var y = screen.height - h - 100; -- this change ensures that debugger window it's above the start.
   var debugWindow = window.open('', '', 'width=' + w + ',height=' + h + ',left=' + x + ',top=' + y);

当我完成更改时，我的服务器仍在运行。您需要停止并重新启动服务器才能重新加载.js文件。否则只会观看.elm文件。这就是Debug.elm的更改有效但VirtualDom.js中的更改无效的原因。

看看吧！

这仍然不如Chrome开发者控制台那么好，但你只需要点击一下 - 而不是在每个页面上调整大小并移动孔窗口。

只要您不删除elm-stuff文件夹，就不需要重新制作此更改。请享用！ ：）