javascript - 有没有办法直观地查看 PhantomJS 在浏览器上渲染的内容

Question

我知道您可以在 PhantomJS 中将网页渲染/栅格化为图像或 PDF，但是有没有办法在浏览器中(例如在 iframe 上)使用 PhantomJS 作为引擎在浏览器中显示源代码？

我需要渲染是交互式的

提前致谢!

Answer 1

没有内置的方法可以做到这一点，尤其是在交互方式中。 PhantomJS 是 headless 浏览器，但仍然是一个完整的浏览器。不做太多工作就不能简单地将其放入另一个浏览器。

例如，可以尝试使用 emscripten 将 PhantomJS 编译成纯 JavaScript，然后可以在非 headless 浏览器中直接执行。

另一个想法是使用服务器环境来运行 PhantomJS 实例，通过 AJAX 向该实例发送命令并接收呈现的输出。一些建议here .

然后您需要在显示渲染图像的页面上添加事件处理。这些基本上是键盘和鼠标事件，可以发送到服务器/转换进程，然后通过 page.sendEvent() 执行这些命令。 ，再次呈现页面并将其发送到非 headless 浏览器。

我怀疑这根本不实用。您可以尝试使用 Chrome 13 来简单模拟 PhantomJS 1.x 或 Chrome 37/38 来模拟 PhantomJS 2。