JavaScript to Html

JavaScript to Html

本文关键字：Html to JavaScript      更新时间：2023-09-26

给定一个包含JavaScript代码的网页，我想自动生成一个结果html（通过CLI工具或使用某种语言的库）

例如，给定test.html

<!DOCTYPE html>
<html>
  <body>
    <p id="demo"></p>
    <script>
      document.getElementById("demo").innerHTML = "Hello JavaScript!";
    </script>
  </body>
</html>

我想得到

<html>
  <body>
    <p id="demo">Hello JavaScript!</p>
    <script>
      document.getElementById("demo").innerHTML = "Hello JavaScript!";
    </script> 
  </body>
</html>

快速搜索后，watin似乎会做你想做的事。

它的目标是自动化测试，但当它到达一个页面时，它会执行所有的js以及ajax调用等。看起来你也可以从中获取结果html。

答案基于@torazaburo 的评论

事实上，phantomjs能够评估javascript并生成html。

以下是执行phantomjs load_page.js path_to/test.html 的情况

var page = require('webpage').create(),
    system = require('system'),
    page_address;
var fs = require('fs');
if (system.args.length === 1){
  console.log('Usage: phantomjs ' + system.args[0] + ' <page_to_load:http://www.google.com>');
  phantom.exit();
}
page_address = system.args[1]
page.open(page_address, function(status){
    console.log('Status:' + status);
    if (status === 'success' ){
      fs.write('phantom_result.html', page.content, 'w')
    }
    phantom.exit();
});
相关文章：