如何在 Cordova 和 Xcode 中使用 console.log

Posted

技术标签:

【中文标题】如何在 Cordova 和 Xcode 中使用 console.log【英文标题】:how to use console.log with Cordova and Xcode 【发布时间】:2017-05-02 14:42:23 【问题描述】:

我正在从事一个 Cordova/PhoneGap 项目。我试图在 Xcode 控制台中显示 js console.log。 我安装了cordovan-plugin-console,但它不起作用。 在阅读了 *** 帖子的丢失后,我想出了以下代码:

            <!DOCTYPE html>
            <html>
            <head>
                <script>
                function onDeviceReady() 
                    if (window.cordova.logger) 
                        window.cordova.logger.__onDeviceReady();
                    
                
                function init() 
                    document.addEventListener('deviceready', onDeviceReady, true);
                
                </script>
                <meta charset="utf-8">
                <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
                <title></title>
                <link href="lib/ionic/css/ionic.css" rel="stylesheet">
                <link href="css/style.css" rel="stylesheet">
                <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
                <link href="css/ionic.app.css" rel="stylesheet">
                -->
                <!-- ionic/angularjs js -->
                <script src="lib/ionic/js/ionic.bundle.js"></script>
                <!-- cordova script (this will be a 404 during development) -->
                <script src="cordova.js"></script>
                <!-- your app's js -->
                <script src="js/app.js"></script>
                <script src="js/factories/DeviceFactory.js"></script>
                <script src="js/controllers/HomeController.js"></script>
                <script src="js/controllers/DeviceController.js"></script>
            </head>
            <body ng-app="starter" onload="init()">
                <script>
                console.log("++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++")
                </script>
                <ion-nav-view></ion-nav-view>
            </body>

            </html>

但是,它仍然无法正常工作。 有人可以帮我吗? 谢谢

【问题讨论】:

【参考方案1】:

我不知道 Xcode 的控制台是否能够显示 javascript 控制台输出,但我知道您可以使用 safari 开发工具执行相同的操作,看看这个:safari dev tools

【讨论】:

我要显示的数据与蓝牙有关。所以我必须在实际的手机上运行这个项目。 是的,您可以在 safari 开发工具上显示实际手机的 dom 和控制台,只需查看我给您的链接,您就可以看到在开发人员选项卡上有一个实际设备被检测到野生动物园(Elaine 的 iPad) 对于现在发现此问题的任何人,您可能需要退出 safari 启动您的模拟/连接设备,然后再次打开 safari 以查看该设备显示在调试列表中。

以上是关于如何在 Cordova 和 Xcode 中使用 console.log的主要内容,如果未能解决你的问题,请参考以下文章

在 Xcode 上模拟 Cordova 应用程序时如何更新代码?

在已有 Xcode 项目中 加入Cordova框架

如何将 Sencha Touch 应用程序集成到 Cordova XCode 项目中?

Cordova 6.0.0 iOS 本地化与 cordova-ios@4.0 和 Xcode 7.2.1

Cordova XCode app build clang error linker command failed on Launch Navigator

Cordova 应用程序的代码签名失败(使用 XCode 5.1.1 和 Cordova 3.4.1-0.1.0)