2016-04-25 26 views
0

我正在爲使用Ionic框架的Androind開發應用程序。 應用程序使用科爾多瓦Medila插件和使用,我需要包括:Ionic/Cordova:如何在Web瀏覽器中調試需要「cordova.js」庫的JavaScript代碼

<script src="cordova.js"></script> 
在我的html代碼

。這需要能夠在Android上運行代碼,但是在www目錄中沒有cordova.js,並且Ionic在它想要爲Android構建時在其子文件夾中找到它。

我需要調試代碼,並希望在Chrome中逐行運行JavaScript,但由於鉻無法找到cordova.js,它會給出錯誤(如「gap_init:2」)。

我試圖在屬於Android平臺的應用程序的子文件夾中找到cordova.js的副本,並將其複製到www\js文件夾,但試圖運行我的html代碼時,在加載html文件時出現奇怪的錯誤。

我的問題是: 是否可以在Chrome中調試這些應用程序?如果是這樣的話?如果不是,是否有IDE或可用於調試的工具?

+0

當你在chrome中調試cordova-ionic應用程序時,總會發生這個錯誤,但是根本不會中斷代碼,你仍然可以調試應用程序的其餘部分。不要打擾自己修復它 – Del

回答

0

cordova.js你不能在www目錄看到,當你使用這個命令「離子運行Android」的

+0

這是真的,但如果我想在Chrome上運行調試它給出錯誤,並說它找不到cordova.js。 – TJ1

+0

你能告訴你正在開發什麼類型的應用程序嗎? –

2

嘗試鏈接chorme部署Android設備上的代碼會自動添加cordova.js檢查,我們用來調試Android應用程序 https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging?hl=en

+0

我會說這是最好的答案。在手機中構建應用程序並且應用程序正在運行並且手機已連接到PC後,只需在您的Chrome瀏覽器上打開此網址 - > chrome:// inspect /#devices(您可以看到連接的設備並檢查它就像你通常在鉻devtools)。 – thepio

+0

@Naveen Bannikoppa:非常感謝你的幫助。這部分工作。現在,當我打開開發人員工具並嘗試檢查我的代碼時出現此錯誤:「未捕獲的引用錯誤:未定義介質」。錯誤屬於這行代碼:'myMedia = new Media(src,onSuccess,onError); '。要使用媒體我已經安裝了Cordova媒體插件。有什麼我可以解決這個問題嗎? – TJ1

+1

添加 now – NGB

0

是的,您可以在Chrome中調試cordova應用程序。 這裏的步驟

  • 轉到科爾多瓦項目路徑
  • 使用命令cordova run browser

這樣做之後,使用命令cordova platform add browser

  • 運行瀏覽器平臺增加一個瀏覽器平臺,您的應用程序將在新的運行鉻的窗口與所有插件代理按要求添加 這樣的 console all the js will be added automatically.

    所有的JS將自動添加,您將能夠看到cordova.js的代碼並從源選項卡進行調試。

  • +0

    你也可以嘗試visual studio 2015,它提供了調試設備上的應用程序的工具。 –

    相關問題