wkhtmltopdf导出pdf调试参数

发布于:2025-07-16 ⋅ 阅读:(15) ⋅ 点赞:(0)

wkhtmltopdf 渲染页面时不会显示浏览器控制台,所以 console.log、alert 这些都没用。你要调试参数,可以用以下几种方式:

  1. 把参数写到页面上
    在 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>
  1. 直接输出到 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 里可以用文本搜索这些内容。

  1. 写到文件/接口(进阶)
    如果你想自动化,可以让 JS 把参数 POST 到后端接口,或者写到日志文件,但一般上面两种方式就够了。

总结:wkhtmltopdf 没有 JS 控制台,调试参数最直接的办法就是把参数渲染到页面上或注释里,导出 PDF 后肉眼查验。


网站公告

今日签到

点亮在社区的每一天
去签到