a JavaScript tesztelése fájdalmat okozhat. Számos eszközt, technikát és keretet fejlesztettek ki annak érdekében, hogy a folyamat a lehető leg fájdalmasabb legyen. Míg ezek közül az eszközök közül néhány, mint a Mocha, a Jasmine és a Jest, tesztelési struktúrát biztosít, mások, mint például Isztambul és a takaró, kódfedezeti jelentéseket is generálnak. A JavaScript-kód böngészőben történő tesztelésének különböző módszerei eltérő kilátásokkal és következményekkel járnak. Nehéz leszűkíteni egy eszköz vagy technika minden megoldás!
vessünk egy gyors pillantást néhány a legnépszerűbb módja, hogy teszteljék a JavaScript kódot a böngészőben.
JSFiddle
függetlenül attól, hogy JavaScript-tel vagy olyan keretrendszerekkel dolgozik, mint a React és a Vue, a JSFiddle az eszköz az Ön számára. Ez egy online eszköz a JavaScript kód írására és tesztelésére egy böngészőben. 2009-ben “Mooshell” néven indult. Ha egy webes alkalmazáson dolgozik, és bármilyen JavaScript könyvtárat használ, akkor a JSFiddle érdemes megnézni. A felület rendkívül egyszerű, és csak be kell írnia egy JavaScript-et, vagy hozzá kell adnia néhány HTML-t és CSS-t, és azonnal láthatja az eredményeket. Tesztelje a JavaScript kódrészleteket, mielőtt hozzáadná őket a projekthez a JSFiddle segítségével!
Cross Browser Testing Tools
bár könnyedén használhatsz olyan eszközöket, mint a JSFiddle és a CodePen a JavaScript-kód teszteléséhez, ezek nem mutatják meg, hogy a kód hogyan jelenik meg a különböző böngészőkben vagy mobil böngészőkben. Abban az esetben, ha tesztelni szeretné a kódot a böngészők közötti kompatibilitás érdekében, online böngészők közötti tesztelő eszközöket kell használnia, mint például a LambdaTest. Lehetővé teszi az élő interaktív böngészőtesztelést, az automatikus képernyőkép-tesztelést, az érzékeny elrendezés tesztelését és az intelligens vizuális felhasználói felület tesztelését. Az eszköz felgyorsítja a tesztelési ciklusokat, és segít a böngésző specifikus problémáiban a kódban.
Karma + Jasmine + Google Chrome
a Karma egy olyan eszköz, amely lehetővé teszi a JavaScript kód tesztelését egy böngészőben sok tesztelési célból. Azonban nem teszteli magát a kódot. Végrehajtja a kódot, de harmadik féltől származó könyvtárakra támaszkodik, mint például a Jasmine és a Mocha a teszteléshez. Ettől eltekintve valódi böngészőt igényel. Így a Google Chrome-ot telepíteni kell a helyi gépre, hogy ez a JavaScript-módszer működjön. A működéséhez fej nélküli módban indítja el a Google Chrome-ot.
CodePen
a CodePen az egyik legjobb online eszköz a HTML, CSS és JavaScript kód online teszteléséhez. Ennek a fejlesztői közösségnek sokat kell tanítania! Ez a nyílt forráskódú tanulási környezet valószínűleg valószínűleg a legnagyobb fejlesztői közösséggel rendelkezik, óriási 330000 regisztrált felhasználóval, akik folyamatosan dolgoznak a csodálatos front-end alkalmazások fejlesztésén. Ez az egyik legjobb platform egy weboldal felépítéséhez és telepítéséhez, a világ munkájának bemutatásához és tesztesetek készítéséhez.
JSBin
a JSBin a jsfiddle takaros és letisztult alternatívája. Ha valami könnyebben érthető és kevésbé zsúfolt felületet szeretne, akkor a JSBin az eszköz az Ön számára. A platform ingyenes és pro-hozzáféréssel rendelkezik. A fejlett funkciók, mint a privát kukák és a korlátlan dropbox sync meg kell menni pro, azonban könnyen tesztelheti bármilyen kombinációja HTML, CSS és JavaScript segítségével JSBin general access.
Liveweave
Liveweave még egy kódolási játszótér, ahol tesztelheti a JavaScript kódot. Élő előnézeti képességekkel rendelkezik, és vonalzóval van felszerelve, amely segít a reszponzív tervezésben. A kód-hint funkció HTML, CSS, JavaScript megkönnyíti a kezdők számára, hogy írja be a kódot. Eltekintve attól, hogy, akkor töltse le a projekt, mint egy .zip fájl Liveweave használatával, valamint külső könyvtárak, például jQuery, AngularJS, Bootstrap stb. elég könnyen a kódot.
ezek voltak a legnépszerűbb módszerek a JavaScript kód tesztelésére egy böngészőben. Ezen kívül olyan eszközöket is használhat, mint a CSSDeck és a Dabblet. Ezek egyformán jó és könnyen használható. Ezen kívül a Firebug és a Chrome Fejlesztői eszközök rendelkeznek Javascript konzollal, ahol a végrehajtáshoz JavaScript kódot lehet beírni. Ugyanez vonatkozik az Internet Explorer 8+, Az Opera, A Safari és potenciálisan sok más modern böngészőre.