我试图无头地测试我们团队使用RequireJS构建的网站。基本上我们通过requireJS动态加载所有内容,然后使用JS来响应事件并动态呈现内容。
当我将幻影JS指向我们的服务器并渲染屏幕截图时,我得到一个白色屏幕,启用了javascript,因为当我将其指向www.enable-javascript.com时,我收到消息" Javascript已启用& #34;
这是我们的页面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>
Phantom JS:
var page = require('webpage').create();
page.open("http://localhost:4567/", function (s) {
page.render('test.png');
phantom.exit();
});