Ladění aplikace vytvořené s nástroji Visual Studio Tools for Apache Cordova

Tento článek odkazuje na Visual Studio Tools for Apache Cordova, což je předběžná verze softwaru. Popisované funkce jsou ve verzi Preview a můžou se změnit. Verzi Preview si můžete stáhnout z webu Microsoft Download Center.

Visual Studio přináší nástroje nabízejí bezproblémovou a společné prostředí pro vývoj aplikací pro Cordova v rámci typ aplikace a platformy zařízení.Však v této verzi early ne všechny platformy zařízení podporují všechny ladicí program sady Visual Studio a diagnostické možnosti, jak je uvedeno v následující tabulce.

Zařízení nebo operačního systému	Visual Studio – ladicí program podporovány?	Zprávy konzoly podporovány?	Alternativní řešení:
Android 4.4	Ano	Ano	-
Android verze 2.3.3 až 4.3	Ne (viz informace o jsHybugger dále v tomto článku)	Ano	-
iOS 6, 7, 8	Ano	Ano	-
Windows 8, 8.1(Store)	Ano	Ano	-
Windows Phone 8, 8.1	Ne	Žádné (použijte modul plug-in konzoly)	Pomocí vzdálené Inspector Web (weinre) nebo modul plug-in konzoly.Podívejte se na téma ladění Windows 8 a Windows Phone 8 dále v tomto článku.
Windows Server 2012 R2	Ano	Ano	Chcete-li spustit aplikaci v systému Windows Server 2012 R2, je nutné povolit možnosti práce s počítačem možnost.

[!POZNÁMKA]

Pokud používáte systém Windows 7, můžete vyvíjet aplikace pro Android a iOS, ale ne pro Windows nebo Windows Phone.

V tomto článku:

• Ladění Android a iOS v vln Apache

• Ladění v emulátoru nebo zařízení se systémem Android

• Ladění iOS na emulátoru nebo zařízení

• Ladění Windows 8 a Windows Phone 8

Ladění Android a iOS v vln Apache

Ladicí program sady Visual Studio můžete připojit k aplikaci, který běží v emulátoru Apache vln.

Pro ladění v Zvlnění

• Otevřete aplikaci v sadě Visual Studio stiskněte klávesu F5.

  Zasažení zarážky sady ve vašem kódu, použijte Průzkumníka modelu DOM nebo prohlížet zprávy odeslané do konzoly nástroje jazyka JavaScript.

  Následující obrázek ukazuje zarážky nastaven v editoru kódu.

  

  Zde ladicí program sady Visual Studio dotkne zarážky při ladění v emulátoru Zvlnění.

  

Důležité
Ladicí program sady Visual Studio, nebude zastaven na zarážek, které jsou zasáhnout předtím, než se první stránka načte v Zvlnění.Ladicí program však na tyto zarážky zastaví po aktualizaci prohlížeče.

Následující příkazy konzola jazyka JavaScript jsou aktuálně podporovány z zvlnění:

• console.assert
  console.clear
  console.count
  console.debug
  console.dir
  console.dirxml
  console.error
  console.info
  console.log
  console.time
  console.timeEnd
  console.warn

[!POZNÁMKA]

Aktuálně jsou podporovány žádné příkazy konzoly nebo různé příkazy pro konzola jazyka JavaScript.console.dirxmlmá stejné chování jako console.dir na základě Webkit prohlížeče.

Průzkumníka modelu DOM povolí ladění jazyka HTML a CSS.Funkce, které jsou k dispozici v stylů, Computed, a rozložení karty Průzkumníka modelu DOM jsou podporovány na Zvlnění.

[!POZNÁMKA]

Podrobné informace o podporu ladění, naleznete v části známé problémy.

Ladění Android na emulátoru nebo v zařízení

Chcete-li Android emulátor nebo na Android zařízení pro ladění aplikace na Android 4.4 můžete připojit ladicí program sady Visual Studio.

Pokud používáte Android verze mezi 2.3.3 a 4.3, můžete nainstalovat modul plug-in jsHybugger Chcete-li povolit Android diagnostiky (Průzkumníka modelu DOM, konzoly a ladění).Tento modul plug-in nástroje kódu místně. Chcete-li povolit vzdálené ladění v zařízení se systémem Android a emulátory a podporuje Android 2.3.3 a novější verze.

Chcete-li ladit na Android 4.4

• Otevřete aplikaci v sadě Visual Studio stiskněte klávesu F5.

  Pokud používáte Android 4.4, můžete poté klikněte na tlačítko nastavit zarážky v kódu, zobrazení zpráv odeslaných do konzoly nástroje jazyka JavaScript a použít Průzkumníka modelu DOM.

  Důležité
  Ladicí program sady Visual Studio, nebude zastaven na zarážek, které jsou zasáhnout předtím, než se první stránka načte Android 4.4 emulátory nebo v zařízení se systémem Android.Ladicí program však na tyto zarážky zastaví po spuštění následujícího příkazu z konzoly jazyka JavaScript:window.location.reload()

Chcete-li ladit na Android verze 2.3.3-4.3 s jsHybugger modul plug-in

1. Otevřete svůj projekt Cordova v sadě Visual Studio.

2. V projektu, vytvořte moduly plug-in složku, pokud dosud neexistuje.(Chcete-li přidat složku, otevřete místní nabídku pro svůj projekt v Průzkumníku řešení, zvolte přidat, novou složkua potom nastavte název složky na moduly plug-in.)

3. Stáhněte modul plug-in jsHybugger a extrahujte jeho obsah.

   [!POZNÁMKA]

   Další informace o této modulu plug-in naleznete jsHybugger webu.Můžete použít modul plug-in bez licence, ale ladicí relace jsou omezeny na dvě minuty.Pro neomezený počet ladění, je nutné zakoupit licenci jshybugger.Podle následujících pokynů předpokládat, že jste zakoupili licenci na a stažený soubor licence jako jshybugger_license.xml.

4. Umístit rozbaleny jshybugger-modul plug-in -x.x.x složky ve vašem projektu moduly plug-in složky.

5. Umístění souboru jshybugger_license.xml do kořenového adresáře vašeho projektu.

   Zde je vzhled svůj projekt v Průzkumníku řešení.

   

6. Stisknutím klávesy F5 spustit ladění proti s Android emulátor nebo zařízení.

   Můžete prohlížet zprávy odeslané do konzoly nástroje jazyka JavaScript a použít Průzkumníka modelu DOM.

Důležité
Je nutné odebrat modul plug-in jsHybugger a bude licenční soubor z vašeho projektu před publikováním vaší aplikace. Modul plug-in nemá žádný vliv, pokud používáte emulátoru vln Apache nebo ladění na Android 4.4 emulátory a zařízení, takže není nutné ho odstranit při přepínání mezi různé Android cíle během testování.

Následující příkazy konzola jazyka JavaScript jsou aktuálně podporovány na Android:

• console.assert
  console.clear
  console.count
  console.debug
  console.dir
  console.dirxml
  console.error
  console.info
  console.log
  console.time
  console.timeEnd
  console.warn

[!POZNÁMKA]

Aktuálně jsou podporovány žádné příkazy konzoly nebo různé příkazy pro konzola jazyka JavaScript.console.dirxmlmá stejné chování jako console.dir na základě Webkit prohlížeče.

Funkce, které jsou k dispozici v stylů, Computed, a rozložení karty Průzkumníka modelu DOM jsou podporovány na Android.

Upozornění
Další ladění a Diagnostika nástroje pro systém Windows k dispozici nejsou aktuálně k dispozici pro Android.Můžeme budete pokračovat ke zlepšení Android ladění odborné pomoci v následujících vydáních.Podrobné informace o podporu ladění, naleznete v části známé problémy.

Ladění iOS na emulátor nebo zařízení

Ladicí program sady Visual Studio můžete připojit k systému iOS simulátor nebo k zařízení se systémem iOS.iOS 6, 7 a 8 jsou podporovány.

[!POZNÁMKA]

V současné době připojování ladicí program ke aplikace pro iOS, které používají modul plug-in InAppBrowser není podporována.Modul plug-in mobilních služeb Azure používá modul plug-in InAppBrowser a je ovlivněn toto omezení.

Chcete-li ladit v systémech iOS

• Přesvědčte se, zda máte nainstalovali vs mda vzdáleného agenta v počítači Mac spuštěn agent a nakonfigurován sady Visual Studio pro připojení k agenta.

• Pokud jsou ladění na skutečné zařízení, přejděte na vašem zařízení a zvolte možnost nastavení, Safari, Upřesnita pak povolte Web Inspector.

  To umožňuje vzdálené ladění v zařízení.(Tento krok není povinné pro ladění v systémech iOS simulátor.)

• S vaší aplikací, otevřete v sadě Visual Studio a iOS vybrán jako cíl nasazení stiskněte klávesu F5.

  Můžete poté klikněte na tlačítko nastavit zarážky v kódu, zobrazení zpráv odeslaných do konzoly nástroje jazyka JavaScript a použít Průzkumníka modelu DOM.

  Důležité
  Ladicí program sady Visual Studio, nebude zastaven na zarážek, které jsou zasáhnout předtím, než se první stránka načte v systému iOS simulátor nebo na zařízení se systémem iOS.Ladicí program však na tyto zarážky zastaví po spuštění následujícího příkazu z konzoly jazyka JavaScript:window.location.reload()

Následující příkazy konzola jazyka JavaScript jsou aktuálně podporovány v systémech iOS:

• console.assert
  console.clear
  console.count
  console.debug
  console.dir
  console.dirxml
  console.error
  console.info
  console.log
  console.time
  console.timeEnd
  console.warn

[!POZNÁMKA]

Aktuálně jsou podporovány žádné příkazy konzoly nebo různé příkazy pro konzola jazyka JavaScript.console.dirxmlmá stejné chování jako console.dir na základě Webkit prohlížeče.

Funkce, které jsou k dispozici v stylů, Computed, a rozložení karty Průzkumníka modelu DOM jsou podporovány v systému iOS.

Upozornění
Můžeme budete pokračovat ke zlepšení podporu ladění v následujících vydáních.Podrobné informace o podporu ladění, naleznete v části známé problémy.

Ladění Windows 8 a Windows Phone 8

Aplikace pro Windows můžete použít stejné sady Visual Studio ladicí nástroje, které chcete použít pro jakékoli aplikace pro Windows Store vytvořené s použitím jazyka HTML a JavaScript.Další informace naleznete v tématu úložiště ladění aplikací v sadě Visual Studio v centru vývojářů pro Windows.

Pro aplikace pro Windows Phone tuto předběžnou verzi nepodporuje připojení ladicí program sady Visual Studio.Namísto toho můžete použít Web Inspector vzdálené (weinre), který je popsán v příspěvku blogu otevřít technologiích společnosti Microsoft.

Tip

Připojování ladicí program sady Visual Studio pro Windows Phone 8.1 projekty budou podporovány v nová verze systému Visual Studio Tools pro Apache Cordova.

Jako alternativu k použití weinre pro Windows Phone ladění můžete místo toho přidejte modul plug-in konzoly do své aplikace, sestavení aplikace a poté otevřete generovaného nativní Windows Phone 8 projektu v sadě Visual Studio.Nativní projektu lze nalézt ve složce \bld\Debug\platforms\wp8.Nativní projekt open pomocí můžete v okně výstupu Chcete-li zobrazit výstup konzoly.Další informace o přístupu k nativní projekty naleznete v tématu Přístup k nativnímu projektu Cordova.

Upozornění
Po sestavení aplikace Cordova, budou změny provedené na nativní projekt přepsána.

Viz také

Koncepty

Začínáme s nástroji Visual Studio Tools for Apache Cordova

Další zdroje

Nejčastější dotazy týkající se

Známé problémy