BUG修复 | 一次钉钉工作台应用远程调试实战（开发者工具）

#1 ℹ️背景故事

最近用户反馈，钉钉工作台的应用无法正常使用，卡在自动登录页面。

天，这是运行10年的老程序😱，我当时真是吓得不轻。这老古董完全不记得怎么改了😂。

#2 🐞开启远程调试

钉钉这么大的一个平台，对自建应用自然提供了方便的调试工具👍。

1. 登录钉钉管理后台，接着工作台->应用管理
2. 找到目标应用，点击去开发按钮
   
3. 在新开页面，切换到基础信息->开发管理，点击去调试按钮
   
4. 在新开页面，会介绍调试的步骤
   • 在页面中加入JS脚本
   • 点击钉钉端内调试

至此，我们就能远程调试页面了，界面跟谷歌浏览器的开发者工具几乎一致😄。

#3 ✍️总结

经过 debug，发现是前端报错$ is not define。从 JQuery 时代过来的码农应该都知道 $ 是 JQuery 的通用入口函数，根据错误信息，判断是 JQuery 没有正常引入。一看，果然如此。原因竟然是原 CDN 地址升级为 https，而且是证书不安全的地址，导致 JS 文件无法加载。

<!--这是旧的引入方式-->
<script src="//cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>

连接自动转https协议，但是证书过期（网站用的是 Let’s Encrypt，估计没及时续期🤭）导致浏览器警告。

于是，将 JS 文件下载到服务器，直接引用本地资源，问题解决🎉。