Cordova - 使用Cordova开发iOS应用实战3（添加Cordova控制台插件）

时间 2019-11-11

标签 cordova 使用开发 ios 应用实战添加控制台插件栏目 Cordova 繁體版

原文原文链接

Cordova - 使用Cordova开发iOS应用实战3（添加Cordova控制台插件）

前文介绍了经过 Safari 的 Web检查器，能够看到控制台输出的信息。但有时这样调试代码不太方便，若是在Xcode中的命令控制台也能同步打印出调试信息就行了。

这个借助Cordova的 cordova-plugin-console 插件便可实现。

1，给项目添加cordova-plugin-console插件

（1）在“终端”中进入项目文件夹
（2）输入以下命令：

 
          cordova plugin add cordova-plugin-console

2，测试样例
咱们将首页 index.html 修改为以下内容，测试各类类型的控制台信息。

 
          <!DOCTYPE html> 
         
          <html> 
         
          <head> 
         
          <title>Pause Example</title> 
         
          <meta http-equiv= 
          "Content-type" 
          content= 
          "text/html; charset=utf-8" 
          > 
         
          <script type= 
          "text/javascript" 
          charset= 
          "utf-8" 
          src= 
          "cordova.js" 
          ></script> 
         
          <script type= 
          "text/javascript" 
          charset= 
          "utf-8" 
          > 
         
          document.addEventListener( 
          "deviceready" 
          , onDeviceReady,  
          false 
          ); 
         
          function 
          consoleLog(){ 
         
          console.log( 
          "console.log works well" 
          ); 
         
          } 
         
          function 
          consoleError(){ 
         
          console.error( 
          "console.error works well" 
          ); 
         
          } 
         
          function 
          consoleException(){ 
         
          console.exception( 
          "console.exception works well" 
          ); 
         
          } 
         
          function 
          consoleWarn(){ 
         
          console.warn( 
          "console.warn works well" 
          ); 
         
          } 
         
          function 
          consoleInfo(){ 
         
          console.info( 
          "console.info works well" 
          ); 
         
          } 
         
          function 
          consoleDebug(){ 
         
          console.debug( 
          "console.debug works well" 
          ); 
         
          } 
         
          function 
          consoleAssert(){ 
         
          console.assert( 
          "console.assert works well" 
          ); 
         
          } 
         
          function 
          consoleDir(){ 
         
          console.dir( 
          "console.dir works well" 
          ); 
         
          } 
         
          function 
          consoleDirxml(){ 
         
          console.dirxml( 
          "console.dirxml works well" 
          ); 
         
          } 
         
          function 
          consoleTime(){ 
         
          console.time( 
          "console.time works well" 
          ); 
         
          } 
         
          function 
          consoleTimeEnd(){ 
         
          console.timeEnd( 
          "console.timeEnd works well" 
          ); 
         
          } 
         
          function 
          consoleTable(){ 
         
          console.table( 
          "console.table works well" 
          ); 
         
          } 
         
          </script> 
         
          <style type= 
          "text/css" 
          > 
         
          button { 
         
          width: 200px;height:26px;font-size: 20px;padding: 1px;margin-left: 50px; 
         
          } 
         
          </style> 
         
          </head> 
         
          <body> 
         
          <br/><button onclick= 
          "consoleLog()" 
          >consoleLog</button><br/> 
         
          <br/><button onclick= 
          "consoleError()" 
          >consoleError</button><br/> 
         
          <br/><button onclick= 
          "consoleException()" 
          >consoleException</button><br/> 
         
          <br/><button onclick= 
          "consoleWarn()" 
          >consoleWarn</button><br/> 
         
          <br/><button onclick= 
          "consoleInfo()" 
          >consoleInfo</button><br/> 
         
          <br/> <button onclick= 
          "consoleDebug()" 
          >consoleDebug</button><br/> 
         
          <br/><button onclick= 
          "consoleAssert()" 
          >consoleAssert</button><br/> 
         
          <br/> <button onclick= 
          "consoleDir()" 
          >consoleDir</button><br/> 
         
          <br/> <button onclick= 
          "consoleDirxml()" 
          >consoleDirxml</button><br/> 
         
          <br/><button onclick= 
          "consoleTime()" 
          >consoleTime</button><br/> 
         
          <br/><button onclick= 
          "consoleTimeEnd()" 
          >consoleTimeEnd</button><br/> 
         
          <br/><button onclick= 
          "consoleTable()" 
          >consoleTable</button><br/> 
         
          </body> 
         
          </html>

运行后页面以下：

原文:Cordova - 使用Cordova开发iOS应用实战3（添加Cordova控制台插件）

3，测试结果
（1）把页面上的按钮都点一遍，看到Safari的Web检查器中打印出了各类控制台信息。

（2）一样在Xcode这边的控制台，一样有调试信息打印出来

原文出自： www.hangge.com 转载请保留原文连接： http://www.hangge.com/blog/cache/detail_1139.html

1. cordova android ios 插件开发
2. 开发iOS版Cordova插件
3. cordova插件使用
4. ionic添加cordova插件-SQLite
5. cordova插件开发
6. cordova for ios(android同样)添加插件
7. 3-Cordova 常用插件
8. Cordova开发之IOS插件开发
9. Cordova插件的开发、使用
10. cordova添加Splash
更多相关文章...
• Maven Web 应用 - Maven教程
• ASP 使用 CDOSYS 发送电子邮件 - ASP 教程
• PHP开发工具
• Java Agent入门实战（一）-Instrumentation介绍与使用