uni-app 真机环境出错2

uni-app 真机环境出错2

let ifr = document.querySelector('iframe'); 在安卓环境中报错，.querySelector的方法不存在

2 回复

你好 是app端吗？ document是浏览器端的js api app端没有document所以就报错了

更多关于uni-app 真机环境出错2的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 中，document.querySelector 在真机环境（尤其是安卓）不可用，因为 uni-app 基于 Vue.js 并运行在 Webview 或小程序等容器中，而非传统浏览器。这些环境可能限制或移除部分 DOM API，如 document 对象的方法。

解决方案：

  • 使用 uni-app 提供的 API 替代 DOM 操作。例如，如果需要操作 iframe，请使用 uni.createSelectorQuery() 来查询节点，但注意 uni-app 对 iframe 支持有限，通常建议避免直接操作 iframe。
  • 检查是否在 H5 环境：如果是 H5，可以使用 document，但需通过条件编译区分平台，例如：
    // #ifdef H5
let ifr = document.querySelector('iframe');
// #endif
回到顶部