Iifowuni zokudibanisa kwi-Web designers, developers kunye nabahloli
Ukongezelela kuninzi lwabasebenzisi beebhrawuza ezijolise kumsebenzisi wansuku zonke efuna ukukhwela kwiWebhu, nabo banceda abaphuhlisi beWeb, abaqulunqi kunye nabaqeqeshi bokuqinisekisa ikhwalithi abancedayo ukwakha iifayili kunye neesayithi abo babasebenzisi abafikelela kuzo ngokudibanisa izixhobo ezinamandla ngqo kwizikhangeli. ngokwabo.
Kukho iintsuku apho iprogram kunye nezixhobo zokuvavanya ezifunyenwe kwisiphequluli zikuvumele ukuba ubone iikhowudi yomthombo wephepha kwaye akukho nto. Iiphequluli zanamhlanje zivumela ukuba uthathe udobo olunzulu ngokwenza izinto ezifana nokuqhuba nokulungisa izixhobo zeJavaScript, ukuhlola nokuhlela izinto ze-DOM, ukubeka i-traffic-time network yenethiwekhi njengokuba incedisi yakho okanye iphepha lithwala ukuchonga izitshixo, ukuhlaziya ukusebenza kweCSS, ukuqinisekisa ukuba ikhowudi yakho ukungasebenzisi imemori eninzi okanye iiprogram ezininzi zeCCU , kunye nokunye okuninzi. Ukususela kumbono wokuvavanya, unokuvelisa indlela insiza okanye iphepha leWebhu eliza kunikwa ngayo kwiibrawuza ezahlukileyo kunye nakwiidivaysi ezahlukeneyo kunye namapulatifomu ngokusebenzisa umlingo wokwakha owamkelekileyo kunye nabakhi beemifanekiso. Inxalenye engcono kukuba ungenza konke oku ngaphandle kokushiya isiphequluli sakho!
Abafundi abahamba ngezantsi bahamba ngendlela yokufikelela kwezixhobo zokuphucula kwiiWebhsayithi ezininzi ezidumile.
ugoogle Chrome
Izixhobo zonjiniyela ze-Chrome zivumela ukuba uhlele uphinde ulungise ikhowudi, uhlalutye amacandelo ngamnye ukucacisa imiba yokusebenza, ufanise izikrini zeefowuni ezahlukeneyo kuquka ezo ziqhuba i-Android okanye iOS , kwaye wenze imisebenzi emininzi emininzi.
- Cofa kwiqhosha le menu le-Chrome, eliphawulwe ngemigca emithathu engezantsi kunye nekhoneni elingaphezulu lasekunene lomkhangeli.
- Xa imenyu ehlayo ibonakala, hlengisa isikhombisi sakho semouse phezu kokukhethwa kwezixhobo ezingakumbi .
- Imenyu ephantsi kufuneka ivele ngoku. Khetha ukhetho olubhaliweyo lwezixhobo zonjiniyela . Ungasebenzisa kwakhona inkcazelo yekhamera elandelayo endaweni ye menu: I-Chrome OS / Windows ( CTRL + SHIFT + I ), iMac OS X ( ALT (OPTION) + IMANDLA + I )
- Ikhonkco-mbonakalo yeCrosoft Developer Tools kufuneka iboniswe ngoku, njengoko kuboniswe kulo mfanekiso weskrini. Ngokuxhomekeke kwinguqulo yakho ye-Chrome, ulungelo lokuqala olubonayo lunokuba luhluke kancinane nolunye olukhoyo apha. I-hub eyintloko yamathuluzi ophuhliso, ngokuqhelekileyo ekhona kwizantsi okanye ngakwesokunene kwesikrini, iqukethe iithebhu ezilandelayo.
Izinto: Unika amandla okuhlola i-CSS kunye nekhowudi ye-HTML kwakunye nokuhlela i-CSS kwi-fly, ukubona imiphumo yeenguqu zakho ngexesha langempela.
Ikhonsoli: I- Chrome ye-JavaScript console ivumela ukungena komyalelo ngokuthe ngqo kunye nokuxilongwa kokuxilongwa.
Imithombo: Kukuvumela ukuguqula ikhowudi yeJavaScript nge-graphical interface.
Umnxeba: Ukwahlukanisa kwaye ubonisa ulwazi olunzulu malunga nomsebenzi ngamnye ochaphazelekayo kwisicelo esisebenzayo okanye iphepha, kubandakanya izicelo ezipheleleyo kunye neempendulo zeempendulo kunye neetriki zamatriki eziphambili.
Umlinganiselo: Uvumela ukuhlalutya ngokujulile kuyo yonke imisebenzi eyenzekayo kwisiphequluli kungekudala xa isicelo sephepha lesicelo okanye sesicelo siqaliswa. - Ukongezelela kula macandelo, ungakwazi ukufikelela ezi zixhobo zilandelayo nge icon >> , ekunene kwithebhu yesikhathi .
Iphrofayili: Iphule phantsi kwi- CPU kunye neCandelo leenkcukacha ze- Heap , inikeza ukusetyenziswa kwememori epheleleyo kunye nexesha elipheleleyo lokusetyenziswa kwesicelo okanye iphepha.
Ukhuseleko: iingxaki zeengqinisiso zeengqinisiso kunye neminye imiba enxulumene nokhuseleko kunye nekhasi elisebenzayo okanye isicelo.
Izibonelelo: Yiyo apho ungahlola ii-cookies, ukugcinwa kwendawo, i-cache yohlelo lokusebenza kunye neminye imithombo yolwazi lwengingqi esetyenziswe kwiphepha lewebhu lewebhu okanye isicelo.
Uphicotho-zincwadi: Unika iindlela zokuphucula iphepha okanye ixesha lokulayisha isicelo kunye nokusebenza ngokubanzi. - Imodi yedivayisi ikuvumela ukuba uyibuke iphepha elisebenzayo kwisimo simulator esichaza ngokukhawuleza njengoko iya kuvela kwenye yezixhobo ezili-12, kubandakanywa amanqaku amaninzi e-Android nee-iOS ezifana ne-iPad, i-iPhone kunye ne-Samsung Galaxy. Unikwe kwakhona amandla okulinganisa izigqibo zeskrini zenkcubeko ukulungelelanisa uphuhliso lwakho okanye iimfuno zokuvavanya. Ukuguqula iimodi yedivayisi kunye nokucima, khetha uphawu lwefowuni elunxwemeni olubhekise ngqo kwicala lasekhohlo lethebhu yezinto.
- Unokwenza ngokufanayo ukujonga nokuvalelwa kwezixhobo zakho zoqulunqo ngokuchofoza kuqala inkinobho yemenyu emele amachaphaza amathathu avuliwe kwaye efumaneka kwicala elide lasekunene lala matye. Ukusuka ngaphakathi kule menu ehlayo, unako ukubeka indawo yokugcina indawo, ukubonisa okanye ukufihla izixhobo ezahlukeneyo kunye nokuvelisa izinto eziphambili kakhulu ezifana nomhloli wecandelo. Uya kufumana ukuba i-interface ye-tool tool ngokwayo iyakwenza ngokwezifiso ngokwezicwangciso ezifumaneka kweli candelo.
Mozilla Firefox
Icandelo loPhuhliso loMnxeba we-Firefox liquka izixhobo zabaqulunqi, abaphuhlisi, kunye nabahloli ngokufanayo njengomhleli wesitayela kunye ne-eyedropper yokujolisa i-pixel.
Ukufundwa okucetywayo : I-Top 25 ye-Greasemonkey kunye neTempermonkey User Scripts
- Cofa kwiqhosha lomenyu eliyi-Firefox, elimelelwe emigqeni emithathu engezantsi kunye nekona eliphezulu eliphezulu lekhonkco.
- Xa imenyu ehlayo ibonakala, khetha uphawu olubizwa ngokuba nguMthuthukisi . Imenyu yonxibelelwano yeWebhu kufuneka iboniswe ngoku, iqulethe okukhethwa kukho okulandelayo. Uyakuqaphela ukuba izinto ezininzi zeemenyu zineenkcibhobho zebhobhokhi ezidibene nazo.
Ukuguqula izixhobo: Ubonisa okanye ufihla isikhombisi-sikhombi sesikhokelo sophuhliso, ngokuqhelekileyo sibekwe phantsi kwefestile yesiphequluli. Inqamulelo yekhibhodi: I-Mac OS X ( ALT (OPTION) + IMANDLA + I ), Windows ( CTRL + SHIFT + I )
Umhloli: Ikuvumela ukuba uhlole kunye / okanye ukucwangcisa i-CSS kunye nekhowudi ye-HTML kwiphepha elisebenzayo kunye nakwidivaysi ephathekayo nge-debugging kude. Inqamulelo yekhibhodi: I-Mac OS X ( ALT (OPTION) + IKOMAND + C ), iWindows ( CTRL + SHIFT + C )
Ikhonsoli yeWebhsayithi: Ikuvumela ukuba wenze iJavaScript kwimifanekiso esebenzayo kunye nokuphonononga idilesi edibeneyo yeedayidi edibeneyo kuquka nezilumkiso zokhuseleko, izicelo zeenethiwekhi, imiyalezo yeCSS, nokunye. Inqamulelo yekhibhodi: I-Mac OS X ( ALT (OPTION) + IKOMAND + K ), iWindows ( CTRL + SHIFT + K )
I-Debugger: I- JavaScript Debugger ikuvumela ukuba uqaphele kwaye ulungise iimpazamo ngokubeka iipopu, ukuhlola i-DOM nodes, imithombo ye-boxing yangaphandle, kunye nokunye okuninzi. Njengokuba kunjalo noMhloli , le nxalenye ikwaxhasa ukulungiswa kwezinto ezikude. Inqamulelo yekhibhodi: I-Mac OS X ( ALT (OPTION) + IKOMAND + S ), iWindows ( CTRL + SHIFT + S)
Umhleli Wezakhiwo: Kukuvumela ukuba wenze amafayili omatshini kunye nokubandakanya ngekhasi leWebhu esebenzayo, okanye uhlele amashidi akhoyo kwaye uvavanye ukuba utshintsho lwakho lunikela kwisiphequluli ngokuchofoza nje kuphela. Inqamulelo yekhibhodi: I-Mac OS X, iWindows ( SHIFT + F7 )
Ukusebenza: Inikeza ukuphazamiseka ngokubanzi kwenkqubo yentsebenzo yeekhontrakthi yekhasi elisebenzayo, idatha yerhafu yefowuni, ixesha lolawulo lweJava kunye nelizwe, ukupenda kwepeyinti kunye nokunye okuninzi. Inqamulelo yekhibhodi: I-Mac OS X, iWindows ( SHIFT + F5 )
Umnxeba : Uluhlu lwesicelo ngasinye senethiwekhi esisungulwe ngumkhangeli wesibrari kunye nendlela ehambelanayo, isizinda semvelaphi, uhlobo, ubungakanani, kunye nexesha elidlulileyo. Inqamulelo yekhibhodi: I-Mac OS X ( ALT (OPTION) + IMANDLA + Q ), iWindows ( CTRL + SHIFT + Q )
Ibar yomncedisi woPhuhliso: Uvula umguquleli womgca womyalelo wokusebenzisana. Ngenisa uncedo kumtoliki ngohlu lwazo zonke iilwimi ezikhoyo kunye ne-syntax yazo. Inqamulelo yekhibhodi: I-Mac OS X, iWindows ( SHIFT + F2 )
I-WebIDE: Inikeza amandla okudala nokwenza iifayile zeWebhu ngokusebenzisa isixhobo esisebenzayo esisebenza nge-Firefox OS okanye nge-Simulator ye-Firefox OS. Inqamulelo yekhibhodi: I-Mac OS X, iWindows ( SHIFT + F8 )
Ikhonsoli yeSiphequluli: Inikeza ukusebenza okufanayo njenge- Web Console (jonga ngasentla). Nangona kunjalo, yonke idatha ebuyisiwe yifom yonke isicelo se-Firefox (kubandakanywa izandiso kunye nemisebenzi yamanqanaba e-browser) ngokuchasene nekhasi lewebhu elisebenzayo. Inqamulelo yekhibhodi: I-Mac OS X ( SHIFT + COMMAND + J ), Windows ( CTRL + SHIFT + J )
I-Design Responsive View: Ikuvumela ukuba ukhangele kwangoko iphepha leWebhu kwizigqibo ezahlukileyo, izakhiwo, kunye nobukhulu beeskrini ukulinganisa amacebo amaninzi kubandakanya iipilisi kunye nee-smartphone. Inqamulelo yekhibhodi: I-Mac OS X ( ALT (OPTION) + IKOMAND + M ), Windows ( CTRL + SHIFT + M )
I-Eyedropper: Ibonisa ikhowudi yombala wehex yeepikseli ezikhethiweyo ngabanye.
I-Scratchpad : Yenza ukubhala, ukuhlela, ukudibanisa kunye nokwenza imifanekiso yecode yeJavaScript ngaphakathi kwiphepha le-Firefox. Inqamulelo yekhibhodi: I-Mac OS X, iWindows ( SHIFT + F4 )
Umthombo Wephepha: I-toolbar yokuqala yesikhombisi-mshuqululi, olu khetho lubonisa kuphela ikhowudi yomthombo ekhona kwiphepha elisebenzayo. Inqamulelo yekhibhodi: I-Mac OS X ( IMANDLA + U ), iWindows ( CTRL + U )
Fumana izixhobo ezininzi: Uvula iqoqo leBhokisi leBhokisi yonxibelelwano kwiWebhu kwi- add-ons esemthethweni ye- add-ons , equkethe malunga nezandiso ezininzi ezidumile ezifana ne-Firebug ne-Greasemonkey.
Microsoft Edge / Internet Explorer
Ngokuqhelekileyo ibizwa ngokuba yi- F12 Developer Tools , ukukhuleka kwisinqamulelo sekhibhodi esiye saqalisa umboniso kwiinkqubo zangaphambili ze-Internet Explorer, i-toolbar ye-dev kwiIE11 kunye neMicrosoft Edge ihambe ixesha elide ukususela ekuqaleni kwayo ngokunikezela iqela elikhulu ukubeka esweni, ukuguqula izidumbu, i-emulators, kunye nabaqulunqa kwi-fly-fly.
- Cofa kwiMenyu eninzi yezenzo , ezimelelwe ngamachaphaza amathathu kwaye zisekhoneni eliphezulu lasekunene lewindowudlawu. Xa imenyu ehlayo ibonakala, khetha ukhetho olubhaliweyo lwe- F12 Developer Tools . Njengoko sele ndikhankanyile, unako ukufikelela kwizixhobo ngokusebenzisa i-shortcut keyboard ye- F12 .
- Uqwalaselo lwentsebenziswano kufuneka luboniswe, ngokuqhelekileyo kwisezantsi lesiphequluli window. Ezi zixhobo zilandelayo zifumaneka, ngamnye ufikeleleka ngokuchofoza kwi-tab yabo okanye usebenzise ikhefu elifutshane lebhodi.
I-DOM Explorer: Ikuvumela ukuba uhlele iifayile zeetayiti kunye ne-HTML kwiphepha elisebenzayo, unikezela iziphumo eziguqulwayo xa uhamba. Usebenzisa ukusebenza kwe-IntelliSense ukukhuphela ikhowudi apho kusebenza khona. Inqamulelo yekhibhodi: (CTRL + 1)
Ikhonsoli: Unika amandla okungenisa ulwazi lokungcebeleka kubandakanya izixhobo zokubala, ixesha, imizila kunye nemiyalezo eyenziwe ngokwezifiso nge-API edibeneyo. Kwakhona, kukuvumela ukuba ufake idilesi kwikhasi leWebhu esebenzayo kwaye uguqule ixabiso elinikezelwe kwiimpawu ezihlukeneyo ngexesha langempela. Inqamulelo yekhibhodi: (CTRL + 2)
I-Debugger: Yenza ukuba ubeke iipoppops kwaye ulungise ikhowudi yakho ngeli xesha liqhuba, umgca ngomgca xa kuyimfuneko. Inqamulelo yebhodi yekhibhodi: (CTRL + 3)
Umnxeba : Uluhlu lwesicelo ngasinye senethiwekhi esiqaliswe ngumkhangeli kwisithuba sephepha kunye nokusetyenziswa kuquka iinkcukacha zeprotocol, uhlobo lomxholo, ukusetyenziswa kwebhanwidth, nokunye okuninzi. Inqamulelo yebhodi yekhibhodi: (CTRL + 4)
Ukusebenza: Iifom zenkcazo yeenkcukacha, ukusetyenziswa kwe-CPU kunye namanye amamethrikhi anxulumene nokusebenza ukukunceda ukukhawuleza ixesha lokulayisha iphepha kunye neminye imisebenzi. Inqamulelo yekhibhodi: (CTRL + 5)
Imemori: Ikunceda ukuba uhlukanise kwaye ulungise ukuvuza kwememori kwiphepha leWebhu elikhoyo ngokubonisa imitha yokusetyenziswa kwememori kunye neenkcukacha ezivela kwixesha elihlukeneyo. Inqamulelo yebhodi yekhibhodi: (CTRL + 6)
Ukuqulunqa: Ubonisa indlela iphepha elisebenzayo eliza kuwenza ngayo kwizigqibo ezahlukahlukeneyo kunye nobukhulu besikrini, ukukhupha i-smartphones, iipilisi, nezinye iifowuni. Kwakhona kunika amandla okuguqula i-arhente yomsebenzisi kunye nokuqhelaniswa kwekhasi, kunye nokufanisa iimoji ezahlukeneyo ngokufaka ububanzi kunye nobude. Inqamulelo yekhibhodi: (CTRL + 7) - Ukubonisa ikhonsoli ngelixa kukho naziphi na ezinye izixhobo ukuchofoza kwiqhosha lesikwere kunye nebhokisi elungileyo ngaphakathi kwalo, elisekhoneni eliphezulu lasekunene lokusetyenziswa kwezixhobo zokuphuhlisa.
- Ukukhupha umsebenzisi, unxibelelwano lwezinto zokuvelisa ukuze ube yiwindow eyahlukileyo, cofa kwiqhosha elimelelwe ngamacangca amabini e-cascading okanye sebenzisa le ndlela yinqamlezo yekhibhodi elandelayo: CTRL + P. Unokubeka izixhobo kwindawo yazo yangaphambili ngokucinezela i- CTRL + P okwesibini.
I-Apple Safari (OS X kuphela)
I-different toolbar ye-Safari ibonisa umphakatsi omkhulu onjiniyela osebenzisa i-Mac ngokuyila kunye neemfuno zeprogram. Ukongeza kwi-console enamandla kunye neenkcukacha zokungena kwemveli kunye neendlela zokulungisa izixhobo, ukusetyenziswa kwendlela yokuyila ngokulula ukuyisebenzisa kunye nesixhobo sokwenza uwandiso lweekhangeli zakho kwakhona.
- Cofa kwi- Safari kwimenyu yesiphequluli, esecaleni kwesikrini sakho. Xa imenyu ehlayo ibonakala, khetha Izintando . Ungasebenzisa kwakhona inkcazelo yekhamera elandelayo endaweni ye menu: IMITHETHO + YOKUBA (,)
- I-interface ye- Preferences ye-Safari kufuneka iboniswe ngoku, ibhawule iwindow yakho yesiphequluli. Cofa kwi icon ehambileyo, esekelwe kwicala lasekunene le-header.
- Okukhethiweyo okukhethiweyo ngoku kufuneka kubonakale. Ngaphantsi kwesi sikrini yinto ekhethiweyo bonisa Bonisa Yenza imenyu kwimenyu yemenyu , ihamba nebhokisi yetshekhi. Ukuba akukho phawu lokutshekisha eliboniswe kwibhokisi, nqakraza kuyo kanye ukubeka enye apho.
- Vala i- Preferences yoqwalaselo ngokuchofoza kwi-'x 'ebomvu efunyenwe kwikona eliphezulu eliphezulu.
- Ngoku kufuneka uqaphele ukhetho olutsha kwimenyu yesiphequluli okuthiwa Qulunqa , ephakathi kwamabhukumaka kunye nefowuni . Cofa kule nto imenyu. Imenyu ehlayo kufuneka ngoku iboniswe, iqulethe okukhethwa kukho okulandelayo.
Vula Ikhasi nge: Kukuvumela ukuba uvule iphepha leWebhu elisebenzayo kwelinye lezinye iiphequluli ezifakwe apha kwi-Mac yakho.
Ummeli womsebenzisi: Kukuvumela ukuba ukhethe ukusuka kwii-arhente zee-arhente zomsebenzisi ezichazwe ngaphambili eziquka iinguqu ezininzi ze-Chrome, i-Firefox kunye ne-Internet Explorer, kwaye uchaze iqhosha lakho lomkhuba.
Faka Imodi yoMklamo oyiMpendulo : Iingeniso kwiphepha langoku njengoko liza kubonakala kwiidivaysi ezahlukeneyo nakwizigqibo ezihlukeneyo zekrini.
Bonisa uMhloli weWebhu: Uqala i-interface ebonakalayo ye-Safari's dev zixhobo, zifakwe kwizantsi kwesikrini sakho sesiphequluli kwaye ziqulethe ezi candelo zilandelayo: Izinto , Izinto , Inethiwekhi , Izixhobo , Ixesha , I- Debugger , Storage , Console .
Bonisa ikhonsoli ye-Error: Ukwazisa kwakhona ikhonkco yezixhobo ze-dev, ngokuthe ngqo kwiTebhu yekhonsoli ebonisa iziphene, izilumkiso kunye nolunye ulwazi lwelogi olukhangela.
Bonisa Umthombo Wephepha : Uvula i-tab yeZibonelelo , ebonisa ikhowudi yomthombo kwikhasi elisebenzayo elihlelwe lixwebhu.
Bonisa iifowuni zekhasi: Yenza umsebenzi ofanayo noKhetho lweMboniselo.
Bonisa i-Snippet Editor: Uvula iwindi elitsha apho ungena khona kwiCSS kunye nekhowudi ye-HTML, ukhangelelanise ukuphuma kwayo.
Bonisa Umakhi Wokwandiso: Unika amandla okudala okanye ukuhlela izandiso ze-Safari ngeCSS, HTML kunye neJavaScript.
Bonisa Ixesha lokurekhoda: Uvula ithebhu yexesha lokuqala kwaye uqala ukubonisa izicelo zenethiwekhi, ukulungiselela nokunikezela ngolwazi kunye nokusetyenziswa kweJavaScript ngexesha langempela.
Amakhredithi angenanto: Cima yonke i-cache egcinwe kwi-hard drive yakho.
Khubaza iiCaches: Yeka i-Safari kwi-caching ukuze yonke into isetyenziswe kwi-server kwiphepha ngalinye.
Khubaza iiMifanekiso : Kukhusela imifanekiso ekunikezeni zonke iiWebhu.
Khubaza izitayela: Ukwabalalisa iimpawu zeCSS xa iphepha lilayishiwe.
Khubaza iJavaScript: Ivumela ukusetyenziswa kweJavaScript kuwo onke amaphepha.
Khubaza izandiso : Uvimbela zonke izandiso ezifakwe kwi-browser.
Khubaza ii-Hacks ezikhethekileyo kwiSayithi: Ukuba i-Safari iye yatshintshwa ukujongana ngqo nemibandela ethile kwiphepha leWebhu esebenzayo, olu khetho luya kuvimba ezo zinguquko ukuze iphepha lithwale njengoko liza kuba nalo ngaphambi kokuba kwenziwe ukulungiswa.
Khubaza izithintelo zeefayile zeNgingqi: Ivumela isiphequluli ukuba ifumaneke kwiifayile kwiidiski zakho zendawo, isenzo esithintela ngokusilelayo ngenxa yezizathu zokhuseleko.
Khubaza izithintelo ezivela kuMsuka -mvelaphi: Ezi zithintelo zenziwa ngokuzenzekelayo ukukhusela ii-XSS kunye nezinye izingozi. Nangona kunjalo, bahlala befuna ukukhubazeka okwesikhashana kwiinjongo zophuhliso.
Vumela iJavaScript kwi-Smart Search Field: Xa inikwe amandla, inika amandla okufaka ii-URL nge javascript: ifakwe ngqo kwibhar ye dilesi.
Ukuphatha izatifikethi ze-SHA-1 njenge-Secure: izatifikethi ze-SSL usebenzisa i -algorithm ye-SHA-1 iyabonwa ngokubanzi njengokuba ingekho kumhla kwaye iyingozi.