我怎样才能强制 PhantomJS 等到 MathJax 完成？

Question

我正在尝试使用 PhantomJS 预渲染 MathJax html 文件。例如，假设在 math.html 中我有：

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="MathJax/MathJax.js"></script>
    <script src="ConfigMathJax.js"></script>
  </head>
  <body>
    <span class="math">\(e = m c^2\)</span>
  </body>
</html>

我的（损坏的）渲染脚本目前看起来像：

var page = require('webpage').create();
var system = require('system');
var fs = require('fs');
page.open(system.args[1], function () {
    page.evaluate(function(){
      var flag = false;
      MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
      MathJax.Hub.Queue(function(){
        console.log(page.content);
        phantom.exit();
      });
    });
});

我尝试将页面写入标准输出并退出after从队列中调用MathJax渲染命令。但似乎我在 "page" 的上下文中，而不是顶级 Phantom 上下文中。找不到变量 page: ReferenceError: Can't find variable: page.

我破解了 setTimeout 而不是使用标志：

var page = require('webpage').create();                                                  
var system = require('system');                                                          
var fs = require('fs');                                                                  
page.open(system.args[1], function () {                                                  
    page.evaluate(function(){                                                            
      MathJax.Hub.Queue(["Typeset",MathJax.Hub]);                                        
    });                                                                                  
    setTimeout(function(){                                                               
      console.log(page.content);                                                         
      phantom.exit();                                                                    
    },10000);                                                                            
});

然后我得到了想要的输出，当然等待时间 10000ms 将取决于内容。

如何让 PhantomJS 知道 MathJax 已完成渲染？

这是沙盒问题吗？

Answer 1

尝试以下操作：

var page = require('webpage').create();
var system = require('system');                                                          
var fs = require('fs');
page.open(system.args[1], function () {
  page.evaluate(function () {
    MathJax.Hub.Queue(
      ["Typeset",MathJax.Hub],
      function () {
        console.log(page.content);
        phantom.exit();
      }
    );
  });
});

这将使控制台输出和 phantom.exit() 调用排队，以便在排版发生后立即发生。我没有测试过代码，但这是与 MathJax 的进程同步的方法。

更新

试试这个：

var page = require('webpage').create();
var system = require('system');                                                          
var fs = require('fs');
page.open(system.args[1], function () {
  page.onAlert = function (msg) {
    if (msg === "MathJax Done") {
      console.log(page.content);
    } else if (msg === "MathJax Timeout") {
      console.log("Timed out waiting for MathJax");
    } else {console.log(msg)}
    phantom.exit();
  };
  page.evaluate(function () {
    MathJax.Hub.Queue(
      ["Typeset",MathJax.Hub],
      [alert,'MathJax Done']
    );
    setTimeout(function () {alert("MathJax Timeout")},10000);  // timeout after 10 seconds
  });
});

我怎样才能强制 PhantomJS 等到 MathJax 完成？

How can I force PhantomJS to wait until MathJax is finished?

html

javascript

callback

mathjax

phantomjs