已安装cordova-plugin-camera但navigator.camera未定义问题求助

嘿，我看了你的代码和问题，核心问题出在你同时用了window.onload和Cordova的deviceready事件来触发onDeviceReady函数——这会导致函数提前执行，而此时Cordova的Camera插件还没初始化完成。

问题根源 #

Cordova的所有API（包括Camera）必须等待deviceready事件触发后才能使用，这个事件是Cordova用来通知应用：所有原生插件都已经加载完毕，API可以正常调用了。而window.onload只是等待DOM加载完成，这时候Cordova的原生环境还没准备好，所以navigator.camera自然是undefined。

修复步骤 #

1. 移除多余的window.onload调用
   直接删掉window.onload=onDeviceReady;这行代码，只保留deviceready事件监听——这是Cordova应用的标准做法。

2. 确认插件安装无误
   在项目根目录打开终端，运行命令：

   cordova plugin list
   

   检查输出里是否有cordova-plugin-camera。如果没有，重新安装插件：

   cordova plugin add cordova-plugin-camera
   

3. 确保在正确的环境运行
   不要直接用浏览器打开HTML文件测试！Cordova的原生API只能在真机、模拟器或者Cordova提供的调试环境（比如cordova run android/cordova run ios启动的应用）中生效。

修复后的代码示例 #

<body>
  <script>
    // 只保留deviceready事件监听
    document.addEventListener("deviceready", onDeviceReady, false);
    
    function onDeviceReady() {
      console.log("设备环境已就绪，Cordova API可用");
      console.log(typeof navigator.camera); // 现在应该输出"object"
    }
  </script>
</body>

额外排查点 #

• 如果还是有问题，打开调试工具（比如Chrome调试真机），查看Console里是否有插件加载失败的报错信息。
• 检查平台权限配置：
  • Android：确认config.xml里包含相机权限声明：

    <uses-permission android:name="android.permission.CAMERA" />
    

  • iOS：需要在info.plist中添加相机使用说明（提交App Store必须）：

    <key>NSCameraUsageDescription</key>
    <string>需要访问相机来拍摄照片</string>
    

内容的提问来源于stack exchange，提问作者Ege Koloğlu