0

我正在尝试无头地测试我们团队使用 RequireJS 构建的网站。基本上我们通过 requireJS 动态加载所有内容，然后使用 JS 响应事件并动态呈现内容。

当我将 phantom JS 指向我们的服务器并渲染屏幕截图时，我得到一个白屏，javascript 已启用，因为当我将其指向 www.enable-javascript.com 时，我收到消息“Javascript 已启用”。

这是我们的页面 HTML：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>test </title>

    <base href="/">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
  </head>

  <body>
  <div id="page"></div>
  <script src="lib/es5-shim/es5-shim.js"></script>
  <script src="lib/es5-shim/es5-sham.js"></script>
  <script src="lib/require.js"></script>
  <script src="config/require.js"></script>
  <script>
   require(['app/boot']);
  </script>
  </body>
</html>

幻影JS：

var page = require('webpage').create();
 
page.open("http://localhost:4567/", function (s) {
    page.render('test.png');
    phantom.exit();
});
4

0 回答 0