HTML5小程序调用JS插件可行吗？边界说清

HTML5小程序能否调用JS插件？答案是“可以，但有严苛边界”——小程序并非浏览器，不支持原生DOM渲染和Web API（如document、window、fetch、Canvas），直接塞入HTML标签或依赖Web环境的JS插件必然失败；真正可行的是选择轻量、无副作用的纯逻辑类库（如lodash、moment），并通过npm规范引入、Babel转译、API适配（wx.request替代fetch、wx.setStorage替代localStorage）及平台感知封装来实现跨端兼容，而任何隐式依赖浏览器环境的代码（哪怕一行console.log(window.location)）都可能让整个模块崩溃。

小程序里直接运行 HTML5 的 的 HTML 片段塞进 rich-text 或 web-view，JS 也不会自动执行——rich-text 只解析有限标签，web-view 虽能跑 JS，但受同源限制、无法直接调用小程序 API，且 iOS 下 web-view 的 JSBridge 不稳定。

所谓“调用 JS 插件”，本质是看它是否兼容小程序运行时

很多标榜“纯 JS”的插件（比如 moment.js、lodash）只要不依赖 window、document、XMLHttpRequest 或定时器以外的 Web API，就能直接引入。但像 Chart.js、pdfjs-dist 这类重度依赖 Canvas 或 Fetch 的，必须做适配：

• Canvas → 改用小程序的 canvas API + createCanvasContext，或走 web-view 隔离渲染
• fetch/XMLHttpRequest → 小程序统一用 wx.request，需 patch 插件的网络层（例如重写 axios 的 adapter）
• localStorage → 替换为 wx.setStorage/wx.getStorage
• ES6+ 语法 → 确保构建时已通过 babel 转译，且未引入 core-js 中的 Web-only polyfill

微信小程序中 import 第三方 JS 插件的正确姿势

不能靠