jak ladit webové aplikace mimo prohlížeč

stiskněte klávesu F12 ve většině webových prohlížečů a uvidíte sadu ladicích nástrojů, které vám poskytnou hluboký vhled do fungování vašeho kódu. Je to výkonná sada nástrojů a jedna z nejdůležitějších funkcí zaměřených na vývojáře v prohlížeči Microsoft Edge.

ale web se mění a moderní techniky vývoje aplikací se s ním mění. Nyní vytváříte aplikace, které se spoléhají na webové technologie, ale které nejsou součástí webu. Nástroje jako React Native Windows, Electron, ovládací prvky WebView v aplikacích Universal Windows Platform (UWP) a progresivní webové aplikace (PWA) jsou nyní nedílnou součástí vašeho každodenního vývojového pracovního postupu, takže k otestování nového kódu potřebujete nástroje jako F12 mix debuggerů, profilerů a průzkumníků.

ladění webu bez prohlížeče

mnoho kusů, které potřebujete k vytvoření těchto nových vývojových nástrojů, je již zde. Technologie, jako je protokol WebDriver, umožňují dálkové ovládání prohlížečů a dalších služeb Vykreslování webu, zatímco WebSockets vám poskytuje vysokorychlostní přímé spojení mezi webovými klienty a servery. Společně jsou základem pro dálkově řízené ladicí prostředí s lokálním serverem spuštěným ve webovém prohlížeči, který dokáže dodávat data z instrumentace v prohlížeči a v aplikaci a z přímého přístupu do DOM a do motoru JavaScript.

pokud můžete své prohlížeče dálkově ovládat pro testování, proč neoddělit ty známé ladicí nástroje F12 od prohlížeče a použít je od vývojových počítačů? To je to, co tým společnosti Microsoft Edge udělal, s vydáním nástrojů Edge Dev Windows Store.

Edge Dev Tools je samostatná aplikace UWP, která se může připojit k místním a vzdáleným relacím prohlížeče a je připravena zahájit ladění na více zařízeních a více obrazovkách. Je připraven pro nové uživatelské interakce a nové formáty zařízení, takže pokud používáte, řekněme, HoloLens s novým portálem rozšířené reality SharePoint, můžete použít připojení USB k náhlavní soupravě k testování jakéhokoli WebVR nebo Babylon.obsah js na vašem webu.

Chcete-li pokračovat ve čtení tohoto článku zaregistrujte se nyní

další informace stávající uživatelé přihlaste se

Write a Comment

Vaše e-mailová adresa nebude zveřejněna.