wkhtmltopdf导出pdf调试参数
wkhtmltopdf 渲染页面时不会显示浏览器控制台,所以 console.log、alert 这些都没用。你要调试参数,可以用以下几种方式:
- 把参数写到页面上
在 safe_page.html 里加一段,把所有参数渲染到页面上(比如加在 body 最后):
<div id="debug-params" style="font-size:12px;color:#c00;word-break:break-all;">zone: <span id="d_zone"></span><br>server_path: <span id="d_server_path"></span><br>host: <span id="d_host"></span><br>from: <span id="d_from"></span><br>to: <span id="d_to"></span><br>ddos_power: <span id="d_ddos_power"></span><br>cc_power: <span id="d_cc_power"></span><br>spider_power: <span id="d_spider_power"></span><br>anti_api_power: <span id="d_anti_api_power"></span><br>account_name: <span id="d_account_name"></span><br>product_name: <span id="d_product_name"></span><br>product_name_c: <span id="d_product_name_c"></span><br>top10: <span id="d_top10"></span><br>
</div>
<script>document.getElementById('d_zone').textContent = window._zone;document.getElementById('d_server_path').textContent = window.server_path;document.getElementById('d_host').textContent = window._host;document.getElementById('d_from').textContent = window._from;document.getElementById('d_to').textContent = window._to;document.getElementById('d_ddos_power').textContent = window.ddos_power;document.getElementById('d_cc_power').textContent = window.cc_power;document.getElementById('d_spider_power').textContent = window.spider_power;document.getElementById('d_anti_api_power').textContent = window.anti_api_power;document.getElementById('d_account_name').textContent = window.account_name;document.getElementById('d_product_name').textContent = window.product_name;document.getElementById('d_product_name_c').textContent = window.product_name_c;document.getElementById('d_top10').textContent = window.top10;
</script>
- 直接输出到 HTML 注释
如果你不想页面有可见内容,可以用 HTML 注释输出:
<!--
zone: {$params.zone}
server_path: {$server_path}
host: {$params.host}
from: {$params.from}
to: {$params.to}
ddos_power: {$ddos_power}
cc_power: {$cc_power}
spider_power: {$spider_power}
anti_api_power: {$anti_api_power}
account_name: {$parent_name}
product_name: {$product_name}
product_name_c: {'product_name'|C}
top10: {$top10}
-->
导出的 PDF 里可以用文本搜索这些内容。
- 写到文件/接口(进阶)
如果你想自动化,可以让 JS 把参数 POST 到后端接口,或者写到日志文件,但一般上面两种方式就够了。
总结:wkhtmltopdf 没有 JS 控制台,调试参数最直接的办法就是把参数渲染到页面上或注释里,导出 PDF 后肉眼查验。