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>