Wesayîtên Integrasyonên ji bo sêwirîner, pêşdebir û testîstan
Ji bilî piranîya gerdûnerên gerdûnan li ser bikarhênerên rojane digerin ku li ser sernavê digerin, ew jî pisporên pispor, doktor û pîşesaziyên kalîteyê yên kalîteya kalîteyê dikin ku alîkariya arman û malperên çêbikin ku ew bikarhênerên bi destûra hêzdar hêzên hêzdar ên rast in gerok xwe.
Dema ku rojên ku bernameyên bernameyan û tenê lêgerîn tenê di geroktê de destnîşan kir ku hûn ji bo kodê çavkaniya rûpelê bibînin û tiştek bêtir dîtin. Roja îro, ji ber ku hûn pirtûkên nimûne yên DOM-ê dakêşin û debugging, kar dikin û rêbazên dOM-ê, lêgerîna nimûne ya DOM-ê, ku ji bo sepana an jî rûpelê pirtûka we ya barkirina nasnameyan, weşana CSS-ê, bisekinin ku kodeya we ye ne pir memûr an jî pir zêde CPU bikar tînin, û pir zêde. Ji ber perspektîfek lêpirsînê, hûn dikarin çawa çawa an app an web-ê di browser-cûda de cûda dikin û di cîhaza cûda û platforman de bi riya sêwirmendiyê ya sêwirmendî û sazûmanên navxweyî. Beşê herî baş e ku hûn hemî vê yekê bêyî ku hûn geroktorê xwe bistînin bikin bikin!
Dersên jêrîn li jêr te digerin ku hûn çawa werdigrin van amadekaran de di gelek gerokên webê de têne kirin.
Google Chrome
Avakirina pêşdebirên Chrome destûrê dide ku hûn li ser kodê bigihînin û kodê çêbikin, beşên takektîfên lêpirsîn bikin ku pirsgirêkên çalakiyên pêşniyar bikin, klavyeyên cîhêreng ên cîhêreng ên yên ku bi rêbazên Android û iOS têne veşartin , û gelek çalakên karûbar ên din hene.
- Bişkoka peldanka sereke ya Chromê, li ser sê-horizontal vekirî tête navnîşkirin û li navgêla çepê yê rastê ya gerokê.
- Dema ku pergala dol-downê tê xuya dike, li ser kursa xwe ya li ser Hoverê hilbijêre More tool options.
- Divê hûrguman divê nuha xuya bike. Hilbijêre bijare Developer hilbijêre. Hûn dikarin dikarin li cîhê vê menuê bikar bînin: KOMA OS / Windows ( CTRL + SHIFT + I ), Mac OS X ( ALT (OPTION) + COMMAND + I )
- Divê navnîşa amûranên Chrome Developer divê niha bêne nîşandan, wekî ku di vê nimûne screenshot de nîşan dide. Li ser versiyona xwe ya Chrome, li gor ku hûn dibînin, dibe ku ji vir yek ji pêşniyarek cuda cuda be. Hubê sereke yên amûrên pêşveçûnê, bi gelemperî li ser binê binê an binê milê çolê, li tabloyên jêrîn hene.
Elephant: Vebijêrk ku kapîtalkirina CSS-ê û HTML-ê û herweha CSS-ê-ê-rêvebirinê dide, tesîrê li ser guhertinên xwe di rastîn de dibînin.
Console: Konsoleê JavaScriptê ya Chromûsê ji bo navnîşa fermand û navnîşa nimûneya diyalogê dide destûrê dide.
Çavkaniyên: Ji hêla we veguherîna Javascriptê ya Javavê bi navnîşa grafîk aktîf bike.
Tora: Di derbarê serîlêdana serîlêdanê an rûpelê de, her wiha daxwaznameyên temamî û bersivên temamî û herweha mîtîngên pêşkeftî yên pêşkeftî yên agahdarî li ser her karmendê peywendîdar agahdar dike.
Timeline: Ji bo ku pirtûka pirtûka an daxwaza bileyê ve hatî destpêkirin, her çalakiya ku di çarçoveya gerweran de tête navfireh de destûrê dide. - Ji bilî van beşan, hûn dikarin bikarhênerên ku ji hêla >> Iconê ve girêdayî ye, bikaribin li ser rastê ya tabloyê.
Profîl: Broken down into CPU profiler û beşên profîlên heapê, karanîna mêjî û tevahî darizandinê ya ku ji bo serîlêdana serîlêdanê an rûpelê çalak dike.
Ewlekariyê: pirsgirêkên belgeyan û pirsgirêkên din yên têkildarî yên ku bi rûpela çalakî an serîlêdanê re.
Çavkaniyên: Ev e ku hûn dikarin kîtalîtan, hilberîna herêmî, kişandina lêgerînê, û çavkaniyên daneyên herêmî yên ku ji hêla webê an jî serokê bikar anîna bikar anîn.
Vebijêrkan: Rêbazên ku ji bo pêşniyarê rûpelê an wextê barkirina bernameyê û çalakiya gelemperî pêşkêş dike. - Modeya Devê destnîşan dike ku hûn bi rûpela çalak a li ser simulatorê bibînin ku ji hema hema hema li ser çend dozan de xuya dike, dê çend modên Android û iOS yên wekî iPad, iPhone û Samsung Galaxy. Hûn jî hûn destnîşan kirin ku pêşniyazên screenehên kevneşopî yên ku hûn pêşveçûna pêşveçûn û hewceyên tecrûbeyên teşwîq bikin. Ji bo To Mode Mode- on-on-off, hilbijêre telefona mobîl hilbijêre li rasterast li çepê Çepên Elements hilbijêrin .
- Hûn dikarin dikarin çavdêriya xweş bikin û bifikirin ku amûrên pêşveçûna we yên ku bi pêşî li ser peldanka menuê bi sê alîgirên vertically vekirî têne nîşankirin û li ser milê çepên yên jor ên dûr dûr in. Ji hundirê vê dol-down menuê, hûn dikarin dakêşin, dakêşin an jî veşartin veşartin û herweha wekî tiştên nû yên pêşkeftî yên wekî inspectorê vekin. Hûn ê bibînin ku di nav vê pirtûkê de ji hêla sazûbarên dev dev bi xwe vebawer e.
Mozilla Firefox
Di beşa Pêşveçûna Webê ya Firefox de ji bo sêwirker, pêşdebirker, û testîstan wekhev e wek editor û pêlel-target-target target.
Pirsgirêk Pêşniyar kirin: Top 25 Greasemonkey û Tampermonkey Bikarhêner Scripts
- Dişkoka pergala sereke ya Firefoxê de, li ser sê rêzên horizontal vekirî ye û li navenda paceyê ya gerdûnê ya li bin yê binêrin.
- Dema ku pergala dop-downê tê xuya dibe, hilbijêreke nîşankirî nîşan bide. Mîhengek Pêşdebir Webê divê niha bêne nîşandan, lêgerînên jêrîn. Hûn dizanin ku mîhengên herî zêde yên ku bi wan re girêdayî kurteyên klavyeyê hene.
Amûrên Toggle: Pêşniyarên amûrên pêşveçûna pêşveçûna pêşniyarên pêşniyar û veşartî, bi gelemperî li li dora geroksorê vekirî ye. Keyboard shortcut: Mac OS X ( ALT (OPTION) + COMMAND + I ), Windows ( CTRL + SHIFT + I )
Sîgorteyê: Hûn dikarin li ser rûpelê çalak û herweha bi amûreke portable ya bi debugê dûr ve dakêşînin û / an kodê CSS û HTML tweak. Keyboard shortcut: Mac OS X ( ALT (OPTION) + COMMAND + C ), Windows ( CTRL + SHIFT + C )
Web Console: Ji bo ku hûn agahdariyên ewlekariyê, torên ewlekariyê, peyamên CSS, û pir bêtir daneyên daneyên têketî yên navnîşên JavaScript-ê yên ku di nav çalakiya çalakî de bicih bikin. Keyboard shortcut: Mac OS X ( ALT (OPTION) + COMMAND + K ), Windows ( CTRL + SHIFT + K )
Debugger: Vebijêrk Javugê ji we re derheqê û xeletên pêkanîna danûstandinên sazkirinê, kontrolkirina DOM-NOM, çavkaniyên derveyî derveyî, û pir bêtir çêbikin. Wekî ku bi lêpirsînerê , ev taybetmendiyê debugora dûr a piştgirî dike. Keyboard shortcut: Mac OS X ( ALT (OPTION) + COMMAND + S ), Windows ( CTRL + SHIFT + S)
Modela Stenbol: Ji bo ku hûn ji styleshekên nû çêbikin û wan bi rûpelê malpera çalak aktîf bikin yan jî pirtûkên heyî yên veguhastin bikin û ceribandin çawa çawa guhertinên di nav gerok de bi tenê yek click. Keyboard shortcut: Mac OS X, Windows ( SHIFT + F7 )
Performansa: Daxuyaniya danûstendineke ji bo çalakiya torê ya çalak a, daneyên rêjeya çarçoveyê, dema demjimêrkirina JavaScriptê û dewlet, paqijkirina rengîn û pir zêde. Keyboard shortcut: Mac OS X, Windows ( SHIFT + F5 )
Tora: Listên her networkê bi rêya gerokterê bi rêbazek peywendîdar, navnîşa bingehîn, sîgorteyê, û demên borî dest pê kir. Keyboard shortcut: Mac OS X ( ALT (OPTION) + COMMAND + Q ), Windows ( CTRL + SHIFT + Q )
Peldanka Pêşveçûn:: Divê wergirtina fermana yekem a interaktîf vekirî. Ji bo lîsteya hemî gavên û syntaxa xwe ya maqûl alîkariya alîkarî ji bo wergirtina navdar a navîgasyonê bike. Keyboard shortcut: Mac OS X, Windows ( SHIFT + F2 )
WebIDE: Vebijêrk ku destûra Web-ê bi rêya amûra rastîn a Firefox OS an rêya rêya Firefox-OS-OS-simulator-ê çêbikin. Keyboard shortcut: Mac OS X, Windows ( SHIFT + F8 )
Console Browser: Karî heman karûbarê wekî wekî Konsole Web (pêşkêş bikin) bibîne. Lêbelê, hemû daneyên nû vegerî ji bo tevahîya Firefox-yê (tevlî karên fireh û browser-level) ji ber ku tenê bi rûpelek malpera tevgera çalak e. Keyboard shortcut: Mac OS X ( SHIFT + COMMAND + J ), Windows ( CTRL + SHIFT + J )
Pêşniyarên Dîzîkî Ya Pêşniyarê View View: Dikarî hûn bi rûpela webê li ser pêşniyarên cûda, cûre, û sifirên dîplomatîk ên ku bi çend amûrên pargîdan û mimûneyên hûrgelan digire. Keyboard shortcut: Mac OS X ( ALT (OPTION) + COMMAND + M ), Windows ( CTRL + SHIFT + M )
Eyedropper: Vebijêrkên hexê hex ji bo kesane vekirî hilbijartî nîşan dide.
Scratchpad : Ji bo ku hûn nivîsîn, binivîse, binivîse û sîteyên javê yên Javavê ji hundurê pop-out Firefox-ê ve binivîse, binivîse. Keyboard shortcut: Mac OS X, Windows ( SHIFT + F4 )
Çavkaniya Rûpelê: Amûrek pêşveçûna gerok-ê-yê-ê, lêgerîn ev yekane kodê çavkaniya çavkaniya çavkaniyê ya ji bo çalakiyê vekirî dide. Keyboard shortcut: Mac OS X ( COMMAND + U ), Windows ( CTRL + U )
Pirtûka Pirtûka Pirtûka Pirtûka Pirtûka Bixwîne: Daxuyaniya Toolbankê Web Developer li ser malpera nermî ya Mozilî vekirî ye, li ser dansên populer ên wekî Firebug û Greasemonkey hene.
Microsoft Edge / Internet Explorer
Bi gelemperî wekî wekî Wergirtina Amûranên F12 Pêşniyarî , ji bo kurteya kurteya klavyeyê ya ku ji ber kevirên kevnera înternetê yên înternetê ve destpê kiriye, dest bi xweya devê di IE11 û Microsoft Edge de ji rê ve hatibû veguhestin. çavdêr, debugers, emulators, û compiler.
- Li ser mîhengên zêdetir çalak bikî , ji hêla sê xalên vekirî û di binê milê çepê ya gerokê de li ser binêrin. Dema ku pergala dol-downê tê xuya dike, bijartina bijartina F12 Developer Tools . Wekî ku min ji berî got, hûn dikarin bi hêla amûrên F12 ya kurteya kurtporê re bikar tînin.
- Divê pevçûnê pêşveçûn divê nuha bêne xuya kirin, bi gelemperî li jêr di binê gerokê de. Amûrên jêrîn tên peyde kirin, her yek ji hêla hêsankirina tabloya xwe ve girêdayî an jî bi karûbarê kurteya kurteya klavyeyê bitikîne.
DOM Explorer: Ji bo ku hûn diçin ku hûn di rûpelê çalak a stylesheets û HTML de biguherînin, encamên guhertinên ku hûn diçin. Karmendiya IntelliSense tête ku ji koda xweseriya autocomplete tê bikaranîn. Kurteya Keyboard: (CTRL + 1)
Console: Ji ber ku agahdariya danûstendinan de, hejmarek, timer, traces, û peyamên kurtkirî yên bi API-yekgirtî re pêşkêş dikin. Her weha, hûn dikarin kodê di navnîşa malpera çalak de tevlihev bikin û nirxên nirxên ku di dema rastîn de deverên takekesî hatine guhertin. Kurteya Keyboard: (CTRL + 2)
Debugger: Dema ku hûn hewceyê xilas bike, dema ku hûn xeletên qeşikê derxînin û kodê xwe debug bikin. Kurteya Keyboard: (CTRL + 3)
Tora: Listên her networkê ji hêla barkirina pirtûka rûpela veguhastinê û pêkanîna navnîşana protokola, cureya maddî, karanîna bandwîdth, û pir bêtir destnîşan kirin. Kurteya Keyboard: (CTRL + 4)
Performansa: Dîteyên danûstandinan, CPU bikar bînin, û metrên din ên têkildar yên ku hûn alîkariya wextê barên barê û çalakiyên din ên bilez bikin. Kurteya Keyboard: (CTRL + 5)
Têkilî: Hûn ji we re li ser malpera heyî ya hûrgelên derheq û derheqê şaş bike ku ji hêla karanîna karûbarê veşartî û bi snapshots ji demên cûda re nîşan bide. Kurteya Keyboard: (CTRL + 6)
Emulation: Hûn pirtûka ku çawa di rûpelê de li ser çend biryaran û sermayeyên ekolojî, embarên smartphone, tablet û dîplomayên din hene nîşan dide. Her weha kapasîteya bikarhêneran û rûpela rûpelê biguherînin, herweha herweha ji hêla geogocasyonên cuda ve bi navnîşa latitude û dirêjtirîn bike. Kurteya Keyboard: (CTRL + 7) - Ji bo sazkirina konsolê di dema yek ji alavên din de li ser qonaxa çermê bi çarçoveyek navxweyî ya li binêrin, li korê çepê ya navendên amûrên pêşveçûna li binêrin.
- Ji bo veguhestinê, pêşveçûna pêşdebirkerên înternetê ye, da ku ew pacekek vekirî bibe, bişkojka bitikîne ji aliyê rectanglesên du cascading ve tê pêşkêş kirin an jî kurteya klavyeyê jêrîn bikar bînin: CTRL + P. Hûn dikarin amûrên xwe di nav cîhê xwe de cih digirin ku ji hêla CTRL + P vekişîne.
Apple Safari (OS X tenê)
Safari ji devê dev deverek mezin e ku civakê pêşveçûna mezin a ku ji bo pêdivî û bernameyên bernameyên Mac-ê bikar tîne tê bikaranîn. Herweha ji bo kongreya bihêzî û têkildar û kevneşopî ya kevneşopî, pêdivî ye ku moda sêwirînê ya hêsantir û bi amûrek ji bo çêkirina belgeyên xwe jî pêşkêş dikin.
- Li ser navê menuê ya Safari , li ser rûvên xwe li ser lêgerîn. Dema ku menu-dit-down tê xuyakirin, Pêşniyarên hilbijêre. Hûn dikarin li cîhê vê menuê ya kurteya kurteya jêrîn bikar bînin: COMMAND + COMMA (,)
- Divê kursên pêşniyarên Safari divê niha pêşveçûna xwe, paceya gerdema xwe ya xwe veşartin. Li ser sembolê li ser serokê rastê, li ser milê rastê li ser binêrin.
- Pêşniyarên pêşketî divê nuha xuya bibin. Di binê vê screenê de alternatîfek nîşanî nîşan bide pêşeka pêşeka menu in menu , bi rexşeya kontrola. Heke li ser qonaxa nihîşk tune ye, di carekekê de li wê derê bike ku li wir heye.
- Vebijêrk Pêşniyarên Vebijêrîn bi hêla 'x' li kûçê çepê yê li milê çepê binêrin.
- Hûn divê niha li ser peldanka pêşnavê ya navnîşan, navnîşa navnîşan û pencereyê de di navnîşek nû de agahdar bikin. Di vê menuê de hilbijêre. Divê menu-dop-down divê niha pêşve kirin, lêgerînên jêrîn hene.
Vebijêrk Open With Bi: Ji bo ku hûn niha li Macê ve hatî sazkirin pirtûkên din ên ku di nav gerokên din de vekirî vedike.
Agahdariya Bikarhêner: Ji ber ku hûn ji zêdetirî dozan bi nirxên bikarhênerên pêşî ve hatî hilbijartin hene, tevlî çend versiyonên Chrome, Firefox û Explorer Explorer, û herweha wekî stratejiya xwe ya xwe şirove bikin.
Enter Modela Pêşniyarê Mode : Entera niha ya ku ew dê li ser cîhazên cuda û li ser pêşniyarên screenên cuda hene.
Çavdêriya Web Webê: Pêşniyarê sereke ya ji bo amûranên dev dev ve, destnîşan dike li ser binê geroka geroka xwe û beşên jêrîn pêk tê: Elektrîk , Network , Çavkaniyan , Destnîşan , Debugger , Storage , Console .
Vebijêrk Çewtiya nîşanî nîşan bide: Di heman demê de danûstandinên log-de çewtiyê, hişyar, û lêgerînên din nîşan dide.
Çavkaniya Rûpelê nîşan bide: Tabloyên Çavkaniyê vedike, ku ji bo belgeya çavkaniya kodê ji hêla belgeyê ve tête dabeşkirî dike.
Çavkaniyên Rûpelê nîşan bide: Karê heman çavkaniya Çavkaniya Çavkaniya Çavkaniya Çavkaniyê nîşan bide .
Show Snippet Editor: Pêşkêşek nû ya vekirî ye ku tu dikarî CSS û HTML-ê binivîse, pêşveçûna wê ya li-a-fly.
Show Builder Extension: Pêwîste ku karûbarên pelê yên Safari bi HTML, HTML, û Javavê çêbikin.
Vebijêrka Timelineê nîşan bide: Dema ku tîmên demên vekirî vedike û destnîşan dikeve navnîşên torê, pêşniyar û agahdariyê û herweha li ser pirtûka JavaScriptê nîşan dide destpêkirin.
Caches vala: Destûra tevahiya kacheha niha li ser dravê xwe ya tomar kirin hilweşîne .
Caches Disable: Safari ji kêşê ve dikevin da ku ji hemû rûpelan re veguhestin ji hemû pelan ji serverê veguhestin.
Wêneyên Disast bikin : Wêneyên ji bo hemû rûpelên li ser malperê veşartin.
Vebijêrkên Xweşandinê : Dema ku rûpelê tête hilberandin.
Javascript Disable: Li ser hemû rûpelan JavaScript-ê veguherîne.
Kêmkirin Pêşvebirin: Hemû dirêjkirina sazkirinên ku ji hundurê gerokê ve tê vebirin.
Hacksên malperên taybet yên taybet-a taybetmendî: Heke Safari li ser rûpela pirsgirêka taybetmendî ya malpera çalak a destnîşan bikin, ev bijare dê van guhertin asteng bikin, da ku ew paceya rûpelê wekî wê ji ber vê guhertinê were destnîşan kirin.
Astengkirina pelên Local Local: Pêşniyar dike ku pelên ku li ser dîskên herêmî yên ku hûn ji ber sedemên ewlehiyê veguherîn bi sînor têne qedexekirinên xwe bigihîjin.
Nerastên Cross-Origin Restorkirin: Ev sînor têne danûstandinên bi xuyakirina XSS û xeterên din ên din. Lêbelê, ew pir caran hewce ne ji bo armancên pêşveçûnê ji bo demek temamî bête qedexekirin.
Javava Javavê ji Vê Peldanka Hêza Smart: Pêvek çalakî, ku bikarhênerên ku javascript bi navnîşan re têkevin pêşkêş dike.
TERKEYA SHA-1 Wek BİXWÎNE Bİ XWE: SSL belgeyên bi alîgirên SHA-1 algorîtm têne fikirîn ku ji derveyî dîrok û bêhêz be.