当前位置: 首页 > news >正文

wkhtmltopdf导出pdf调试参数

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 后肉眼查验。


文章转载自:
http://baldly.alwpc.cn
http://anisodont.alwpc.cn
http://alodium.alwpc.cn
http://bwr.alwpc.cn
http://battels.alwpc.cn
http://cacao.alwpc.cn
http://atrophied.alwpc.cn
http://armless.alwpc.cn
http://afoot.alwpc.cn
http://alnico.alwpc.cn
http://biennium.alwpc.cn
http://bastardly.alwpc.cn
http://cddb.alwpc.cn
http://carcinectomy.alwpc.cn
http://achromatophil.alwpc.cn
http://berserker.alwpc.cn
http://anaerobiosis.alwpc.cn
http://awry.alwpc.cn
http://authorship.alwpc.cn
http://chappy.alwpc.cn
http://brevier.alwpc.cn
http://bambino.alwpc.cn
http://celebrate.alwpc.cn
http://chive.alwpc.cn
http://chromograph.alwpc.cn
http://bacteremia.alwpc.cn
http://bourdon.alwpc.cn
http://babe.alwpc.cn
http://adoration.alwpc.cn
http://agitative.alwpc.cn
http://www.dtcms.com/a/280750.html

相关文章:

  • 无法判断项目进度中的关键路径,如何进行关键路径分析
  • 创客匠人:创始人 IP 的破局思维,重构知识变现的深层逻辑
  • 基于redis的分布式锁 lua脚本解决原子性
  • easy-ui中的相对路径和绝对路径问题
  • ARM GCC内联汇编
  • 如何轻松将音乐从安卓设备传输到安卓设备
  • 用vue自定义指令设置页面权限
  • Android 事件机制详解
  • day053-初识docker与基础命令
  • 广东省省考备考(第四十六天7.15)——判断推理:位置规律(听课后强化训练)
  • SD-WAN 技术在新能源行业的应用与优选方案分析
  • 【华为机试】3. 无重复字符的最长子串
  • 光米投影 多余之物的本思
  • 怎么样才能入门深度学习?
  • element plus使用插槽方式自定义el-form-item的label
  • NW917NW921美光固态闪存NW946NW952
  • 1.2 vue2(组合式API)的语法结构以及外部暴露
  • Vue框架之模板语法(插值表达式、指令系统、事件处理和表单绑定)全面解析
  • MATLAB 安装 ACADO 的完整步骤
  • 简单工厂设计模式
  • Web应用防火墙(WAF)技术
  • vue实现el-table-column中自定义label
  • 全局 WAF 规则:构筑 Web 安全的坚固防线
  • Git基础概念与常用命令详解
  • x86版的ubuntu上使用qemu运行arm版ubuntu
  • Java项目:基于SSM框架实现的网盘管理系统【ssm+B/S架构+源码+数据库+毕业论文】
  • EMS4100芯祥科技USB3.1高速模拟开关芯片规格介绍
  • iOS高级开发工程师面试——多线程
  • LVS三种模式实战
  • Unity沉浸式/360View/全景渲染