지금 로그인 平时给客户发几十页的产品手册，或者给朋友传份 PDF 资料，用微信传容易过期，发邮件又显得太笨重。要是能把文件变成一个二维码，对方扫一扫就能直接在手机上阅读，体验肯定会好很多。其实，只要懂一点基础的 HTML 和 JavaScript，我们自己就能动手把这个想法实现。
要让别人扫码后直接看到文件，得先有个承载 PDF 的网页。我们可以新建一个 HTML 文档，用原生的 <iframe> 或 <embed> 标签把文件嵌进去。操作很简单，只要把 PDF 和 HTML 放在同一个目录下，在标签的 src 属性里填上对应的文件名就行。不过稍微提个醒，部分手机浏览器对原生 PDF 的渲染效果可能不太理想。如果你对展示效果要求极高，后续可以考虑引入 PDF.js 这类专业库，但如果只是快速实现基础功能，原生标签已经完全够用了。
网页骨架搭好后，重头戏就是生成二维码。因为浏览器没有自带生成二维码的 API，我们需要引入一个靠谱的第三方库。前端圈子里最经典、被广泛使用的莫过于 QRCode.js，它非常轻量，也不需要复杂的配置。在 HTML 中引入库文件后，在页面的 <body> 里找个合适的位置放一个空的 <div> 作为容器。记得给它设置一个明确的 id，比如 "qrcode"，方便后面的 JS 代码精准抓取。
容器准备就绪，写几行 JS 代码就能把二维码“画”出来了。在页面底部添加一段脚本，实例化 QRCode 对象，并把刚才创建的 div 元素传进去。这里有个关键细节：配置项里的 text 属性必须填入你要分享的 PDF 文件的真实路径；同时可以顺手把 width 和 height 设置为 128 或 256 像素，以保证扫码时的识别清晰度。
代码写完，先别急着把链接丢给别人。先在本地浏览器里打开 HTML 文件，用手机扫一下生成的二维码，看看能不能正常加载出 PDF。这里有个新手特别容易踩的坑：如果你在 JS 里填的是本地相对路径（比如直接写 "example.pdf"），手机扫码后是绝对找不到文件的。因此，在本地测试确认逻辑无误后，一定要把 HTML 和 PDF 一起部署到真实的服务器或静态托管平台上，然后将 text 属性替换为完整的线上 URL。只有这样，别人扫码时才能顺利访问。
当一切跑通之后，你会发现这个小功能在实际业务中非常实用。比如，你可以把生成的二维码印在产品宣传册上，客户扫一扫就能查看详细的电子说明书；或者放在展会的易拉宝上，让参会者直接扫码带走行业白皮书。相比于在海报上印一串冗长且容易输错的网址，二维码显然优雅且高效得多。掌握了这套基础逻辑，以后你想把目标换成在线视频、报名表单或是 3D 模型展示，无非也就是换个链接的事情，整个流程完全可以直接复用。