Chrome控制台看不到PHP输出的JS代码，因PHP是服务端语言，浏览器仅接收其渲染后的HTML/JS字符串；需通过“查看网页源代码”和Network→Response确认PHP实际输出内容是否合法JS。

Chrome 控制台本身**看不到 PHP 输出的 JS 代码**，因为 PHP 是服务端语言，执行完就结束了，浏览器只收到它生成的 HTML/JS 字符串。你看到的，永远是 PHP 渲染后最终发给浏览器的那一份 JS —— 不是 PHP 源码，也不是 PHP 执行过程。 真正要查的，不是“PHP 输出了什么 JS”，而是“PHP 实际吐出了哪些 JS 字符串，有没有语法错误、变量未定义、拼写错误或意外注入”。

PHP 输出的 JS 在控制台报错但找不到源头

常见现象：Uncaught ReferenceError: myVar is not defined 或 Uncaught SyntaxError: Unexpected token '，但 Sources 面板里搜不到对应 JS 文件。

• 这大概率是 PHP 模板（如 index.php）里用 echo 或 = ?> 直接拼出来的 JS，比如：<script>console.log(= json_encode($data) ?>);</script>
• 如果 $data 是 null 或含非法字符，json_encode() 可能输出 null 或截断，导致 JS 解析失败
• 浏览器解析时把 PHP 模板里未闭合的 <?php ... ?> 当成 HTML 注释或文本节点，意外混入 JS 字符串中，引发 SyntaxError
• 检查方法：右键页面 → “查看网页源代码”，搜索 <script> 块，确认里面实际渲染出的内容是否合法 JS

如何验证 PHP 输出的 JS 是否被正确执行

不能只看 Console 是否报错，还要确认 JS 是否真被加载和运行。

Feishu calendar sync, local ics to json data for AI agent

将ICS日历文件转为JSON格式，用于飞书日历导入导出及数据集成。

下载

• 打开 Chrome DevTools → Elements 面板，展开 <script> 标签，看里面内容是否符合预期（比如变量值是否为字符串而非 Array 或 Object）
• 在 <script> 标签末尾手动加一句 console.log('PHP script loaded');，如果没输出，说明这段 JS 根本没进 DOM 或被提前终止
• 若使用 document.write() 或内联 onload，注意执行时机：PHP 输出的 JS 在 HTML 解析流中执行，可能早于 DOMContentLoaded
• 避免用 eval() 执行 PHP 输出的字符串——既不安全，又会让错误堆栈指向 eval 而非真实 PHP 行号

调试 PHP 拼接 JS 的典型陷阱

最容易出问题的是引号嵌套、JSON 转义、HTML 实体干扰。

• echo "<script>var name = '$name';</script>";：若 $name = "O'Reilly"，会产出 var name = 'O'Reilly'; → 语法错误
• 正确做法是统一用 json_encode($name, JSON_UNESCAPED_UNICODE)，并包裹在 '' 中：var name = = json_encode($name) ?>;
• PHP 输出含 HTML 实体（如 &）的字符串，直接塞进 JS 字符串会导致解码失败；htmlspecialchars() 默认转义单双引号，必须传 ENT_NOQUOTES 或改用 json_encode()
• 在 Vue/React 等框架页里混用 PHP 输出 JS，要注意框架模板语法（如 {{ }}）可能与 PHP 的 = ?> 冲突，导致部分代码被忽略或注释掉

Chrome 控制台只是结果呈现层。真正要定位问题，得回溯到 PHP 渲染后的 HTML 源码，再结合 Network → Response 查看原始响应体 —— 那才是 PHP 最终交出去的“答卷”。