Ama-toolsets ahlangene kubakhi bewebhu, abathuthukisi nabahloli
Ngokungeziwe kubenzi abaningi besiphequluli ezigxila kumsebenzisi wosuku lwansuku zonke efuna ukungena kwiWebhu, futhi banamathele kubakhi bewebhu, abaqambi nabaqeqeshi bekhwalithi bekhwalithi abasiza ukwakha izinhlelo zokusebenza namasayithi abo abasebenzisi abafinyelela ngokuhlanganisa amathuluzi anamandla ngqo kuziphequluli ngokwabo.
Kusele izinsuku lapho kuphela amathuluzi okuhlola nokuhlola okutholakala ngaphakathi kwesiphequluli akuvumele ukuthi ubuke ikhodi yomthombo wekhasi futhi kungabi nalutho. Iziphequluli zanamuhla zivumela ukuthi uthathe ukudonsa okujulile ngokuzenza izinto ezifana nokusebenzisa nokulungisa ama-JavaScript amathekisthi, ukuhlola nokuhlela izakhi ze-DOM, ukuqapha ithrekhi yenethiwekhi yesikhathi sangempela njengoba uhlelo lwakho lokusebenza noma ikhasi lithwala ukukhomba ama-bottlenecks, ukuhlaziya ukusebenza kwe-CSS, ukuqinisekisa ukuthi ikhodi yakho ungasebenzisi imemori eminingi noma imijikelezo eminingi ye- CPU , nokuningi okuningi. Kusukela ekuhlolweni kokuhlola, ungakwazi ukukhiqiza ukuthi uhlelo lokusebenza noma ikhasi leWeb lunikeza kanjani iziphequluli ezihlukene kanye namadivaysi ahlukile namapulatifomu ngokusebenzisa umlingo wokuklama okuphendulayo kanye nezindlela zokuzakhela ngaphakathi. Into engcono kakhulu ukuthi ungenza konke lokhu ngaphandle kokushiya isiphequluli sakho!
Abafundi abahamba ngezansi bahamba ngendlela yokufinyelela kulawa mathuluzi wonjiniyela kwiziphequluli eziningana ezithandwayo zeWebhu.
i-Google Chrome
Amathuluzi wonjiniyela we-Chrome akuvumela ukuthi uhlele futhi ulungise ikhodi, uhlole izingxenye zomuntu ngamunye ukuze uveze izinkinga zokusebenza, ulingise izikrini ezihlukahlukene zedivayisi kuhlanganise nalabo abasebenzisa i-Android noma i- iOS , futhi wenze imisebenzi eminingana eminingi ewusizo.
- Chofoza inkinobho yemenyu eyinhloko ye-Chrome, emakwe ngemigqa emithathu enezingqimba futhi ekhoneni elingaphezulu kwesokudla kwesiphequluli.
- Uma imenyu yokudonsa ibonakala, hlela isikhombisi sakho segundane phezu kokukhethwa kwamathuluzi amaningi .
- I-sub-menu kufanele ibonakale manje. Khetha inketho ebhalwe ngamathuluzi kanjiniyela . Ungasebenzisa futhi isinqamuleli sekhibhodi esilandelayo kule ndawo yemenyu: I-Chrome OS / Windows ( CTRL + SHIFT + I ), i-Mac OS X ( ALT (OPTION) + IKOMAND + I )
- Isikrini esibonakalayo se-Chrome Developer Tools kufanele siboniswe manje, njengoba kuboniswe kulesi skrini sesibonelo. Kuye ngenguqulo yakho ye-Chrome, isakhiwo sokuqala osibona singase sihluke kakhulu kulowo owethulwe lapha. I-hub eyinhloko yamathuluzi wonjiniyela, ngokuvamile atholakala ngakwesokunxele noma ngakwesokudla kwesokunxele kwesikrini, iqukethe amathebhu alandelayo.
Izinto: Inikeza ikhono lokuhlola iCSS nekhodi ye-HTML kanye nokuhlela i-CSS ekuhambeni, ukubona imiphumela yezinguquko zakho ngesikhathi sangempela.
Ikhonsoli: I-console ye-JavaScript ye-Chrome ivumela ukufaka okuqondile komyalo kanye nokuhlukunyezwa kokuxilongwa.
Imithombo: Kukuvumela ukuthi uphumule ikhodi ye-JavaScript nge-interface esibonakalayo esinamandla.
Inethiwekhi: Ihlukanisa futhi ibonisa ulwazi oluningiliziwe mayelana nokusebenza okuhlobene ngalunye kuhlelo lokusebenza olusebenzayo noma ikhasi, kufaka phakathi izicelo eziphelele nezihloko zokuphendula kanye nama-metric asezingeni eliphezulu.
Isikhathi sesikhathi: Ivumela ukuhlaziywa okujulile kwemisebenzi yonke eyenzeka ngaphakathi kwesiphequluli ngokushesha nje lapho isicelo selayisensi sekhasi noma sohlelo lokusebenza siqalwa. - Ngaphezu kwalesi sigaba, ungathola futhi amathuluzi alandelayo ngesithonjana se- >> , esivela ngakwesokudla kwethebhu yesikhathi.
Iphrofayli: Iphulwe phansi kwi- CPU iphrofayili ye-ProfU ne- Heap profiler , inikeza ukusetshenziswa kwememori okuphelele kanye nesikhathi esiphezulu sokusebenzisa kwesicelo noma ikhasi elisebenzayo.
Ukuphepha: Izinkinga zesitifiketi ezivelele kanye nezinye izindaba ezihlobene nokuphepha nekhasi elisebenzayo noma uhlelo lokusebenza.
Izinsiza: Yilapho ungahlola amakhukhi, isitoreji sendawo, i-cache yohlelo lokusebenza, neminye imithombo yedatha yasendaweni esetshenziselwa ikhasi leWebhu noma uhlelo lokusebenza lwamanje.
Ukuhlolwa kwezimali: Inikeza izindlela zokwandisa ikhasi noma isikhathi sokulayisha kwesicelo nokusebenza okujwayelekile. - Imodi yedivayisi ikuvumela ukuba ubuke ikhasi elisebenzayo kumamodeli okuyibuyisela cishe ngendlela eyobonakala ngayo kumadivayisi angaphezu kwayishumi nambili, kufaka phakathi amamodeli adumile e-Android ne-iOS afana ne-iPad, i-iPhone ne-Samsung Galaxy. Futhi unikezwa ikhono lokulingisa izinqumo zesikrini ngokwezifiso ukuze uvumelane nentuthuko ethile noma izidingo zokuhlola. Ukushintsha noma ukuvala imodi yedivaysi, khetha isithonjana sefoni yeselula esibekwe ngakwesokunxele kwethebhu yezinketho .
- Ungakwazi futhi ukwenza ngokwezifiso ukubukeka nokuzizwa kwamathuluzi wakho wonjiniyela ngokuchofoza kuqala inkinobho yemenyu emele amachashazi amathathu avuliwe futhi atholakale ngakwesokudla ngakwesokudla kwamathebhu ashiwo ngenhla. Kusuka kule menyu yokudonsela phansi, ungabeka kabusha i-dock, ubonise noma ufihle amathuluzi ahlukene futhi uqalise izinto eziphambili kakhulu ezifana nomhloli wedivayisi. Uzothola ukuthi isikhombimsebenzisi sezinhlelo zemodeli ngokwazo senziwe ngokwezifiso kakhulu ngezilungiselelo ezitholakala kulesi sigaba.
I-Mozilla Firefox
Isigaba Somthuthukisi Wewebhu se-Firefox sihlanganisa amathuluzi wabakhi, abathuthukisi, nabahloli ngokufanayo njengomhleli wesitayela kanye ne-eyedropper yokukhomba ngamaphikseli.
Ukufundwa Okunconywayo: I-Greasemonkey ephezulu kakhulu ne-Tampermonkey User Scripts
- Chofoza inkinobho yemenyu eyinhloko ye-Firefox, emelwe imigqa emithathu enezingqimba futhi itholakala ekhoneni elingaphezulu kwesokudla kwes window lesiphequluli.
- Uma imenyu yokudonsa ibonakala, khetha isithonjana esibhalwe uMthuthukisi . Imenyu ye- Developer Developer kufanele iboniswe manje, equkethe okukhethwa kukho okulandelayo. Uzoqaphela ukuthi izinto eziningi zemenu zinamashothikhathi ekhibhodi ahlobene nawo.
Amathuluzi wokuguqula: Ekhombisa noma efihla isikhombikusebenza samathuluzi kanjiniyela, ngokuvamile esibekwe ngaphansi kwewindi lesiphequluli. Isinqamuleli sekhibhodi: Mac OS X ( ALT (OPTION) + COMMAND + I ), i-Windows ( CTRL + SHIFT + I )
Umhloli: Ikuvumela ukuthi uhlole futhi / noma uhlele i-CSS ne-HTML ikhodi ekhasini elisebenzayo kanye nakudivayisi ephathekayo nge-debugging eyikude. Isinqamuleli sekhibhodi: I-Mac OS X ( ALT (OPTION) + COMMAND + C ), i-Windows ( CTRL + SHIFT + C )
I-Web Console: Ikuvumela ukuthi usebenzise izinkulumo ze-JavaScript ngaphakathi kwekhasi elisebenzayo futhi ubuyekeze iqoqo lemininingwane elandelwe ehlanganisa izixwayiso zokuphepha, izicelo zenethiwekhi, imiyalezo ye-CSS, nokuningi. Isinqamuleli sekhibhodi: I-Mac OS X ( ALT (OPTION) + COMMAND + K ), i-Windows ( CTRL + SHIFT + K )
I-Debugger: I- JavaScript Debugger ikuvumela ukukhomba futhi ulungise amaphutha ngokubeka ama-breakpoints, ukuhlola ama-DOM nodes, imithombo yamaphandle yangaphandle yebhokisi, nokuningi okuningi. Njengoba kunjalo noMhloli , lesi sici sisekela ukulungisa iphutha ekude. Isinqamuleli sekhibhodi: I-Mac OS X ( ALT (OPTION) + COMMAND + S ), i-Windows ( CTRL + SHIFT + S)
Isihleli sesitayela: Ikuvumela ukuba udale amashadi amasha okuzitayela bese uwafaka ngekhasi leWebhu esebenzayo, noma uhlele amashidi akhona bese uhlola ukuthi izinguquko zakho zinikeza kusiphequluli ngokuchofoza okukodwa. Isinqamuleli sekhibhodi: I-Mac OS X, i-Windows ( SHIFT + F7 )
Ukusebenza: Inikeza ukuphazamiseka okuningiliziwe kwenethiwekhi yenethiwekhi esebenzayo, idatha yezinga lohlaka, isikhathi se-JavaScript sokukhipha nesimo, ukudweba ukudweba, nokunye okuningi. Isinqamuleli sekhibhodi: I-Mac OS X, i-Windows ( SHIFT + F5 )
Inethiwekhi: Iqondisa isicelo ngasinye senethiwekhi esisungulwe isiphequluli kanye nendlela ehambelanayo, isizinda sangempela, uhlobo, usayizi, nesikhathi esiphelile. Isinqamuleli sekhibhodi: Mac OS X ( ALT (OPTION) + COMMAND + Q ), i-Windows ( CTRL + SHIFT + Q )
Ibha yamathuluzi yonjiniyela: Ivula isichazamazwi somugqa wokuxhumana. Faka usizo kumhumushi ukuze uthole uhlu lwazo zonke imiyalo etholakalayo kanye ne-syntax yabo efanele. Isinqamuleli sekhibhodi: I-Mac OS X, i-Windows ( SHIFT + F2 )
I-WebIDE: Inikeza ikhono lokudala nokwenza izinhlelo zokusebenza zewebhu ngokusebenzisa idivayisi yangempela eqhuba i-Firefox OS noma nge-Firefox OS Simulator. Isinqamuleli sekhibhodi: I-Mac OS X, i-Windows ( SHIFT + F8 )
Ikhonsoli yesiphequluli: Inikeza ukusebenza okufanayo njenge- Web Console (bheka ngenhla). Kodwa-ke, yonke idatha ebuyiselwe yinkomba yonke ye-Firefox (kufaka phakathi izandiso nemisebenzi yezinga lesiphequluli) ngokuphambene nekhasi leWebhu elisebenzayo kuphela. Isinqamuleli sekhibhodi: I-Mac OS X ( SHIFT + COMMAND + J ), i-Windows ( CTRL + SHIFT + J )
I-Design Design ephendulayo: Ikuvumela ukuthi uhlole ngokushesha ikhasi leWebhu ngezinqumo ezahlukene, izakhiwo, namasayizi weskrini ukulinganisa amadivayisi amaningi kufaka amaphilisi nama-smartphone. Isinqamuleli sekhibhodi: I-Mac OS X ( ALT (OPTION) + COMMAND + M ), i-Windows ( CTRL + SHIFT + M )
I-Eyedropper: Ibonisa ikhodi yombala we-hex yamaphikseli akhethiwe akhethiwe.
I-scratchpad : Ake ubhale, hlela, uhlanganise futhi usebenzise amashidi wekhodi yeJavaScript ngaphakathi kwewindi ephuma ku-Firefox. Isinqamuleli sekhibhodi: I-Mac OS X, i-Windows ( SHIFT + F4 )
Umthombo Wekhasi: Ithuluzi lonjiniyela elisuselwa kusiphequluli, lokhetho libonisa ikhodi yomthombo etholakalayo yekhasi elisebenzayo. Isinqamuleli sekhibhodi: Mac OS X ( COMMAND + U ), i-Windows ( CTRL + U )
Thola amathuluzi amaningi: Ivula iqoqo lebhokisi lamathuluzi lomthuthukisi weWebhu kusayithi lokungeza elisemthethweni le-Mozilla, eliqukethe izandiso eziningana ezithandwayo ezifana ne-Firebug ne-Greasemonkey.
I-Microsoft Edge / Internet Explorer
Ngokuvame ukubizwa ngokuthi yi- F12 Developer Tools , ukuhlonipha ekunqunyweni kwekhibhodi eqalise isikhombimsebenzisi kusukela izinguqulo zangaphambilini ze-Internet Explorer, ithuluzi lethebhu le-dev ku-IE11 ne-Microsoft Edge liye indlela ende kusukela ekuqalisweni kwalo ngokunikeza iqembu elihle kakhulu abaqaphi, ababuqili, ama-emulators, nabaqambi be-fly-fly.
- Chofoza kwimenyu eminingi yezenzo , emelelwe amachashazi amathathu futhi ekhoneni elingaphezulu kwesokudla kwes window lesiphequluli. Lapho imenyu yokudonsa ibonakala, khetha inketho ebizwa nge- F12 Developer Tools . Njengoba sengishilo kakade, ungaphinde ufinyelele amathuluzi nge-shortcut F12 yekhibhodi.
- I-interface yokuthuthukiswa kufanele iboniswe manje, ngokuvamile ngaphansi kwewindi lesiphequluli. Amathuluzi alandelayo atholakalayo, ngamunye afinyeleleka ngokuchofoza ekubhekeni kwamathebhu abo noma ngokusebenzisa isinqamuleli sekhibhodi esilandelayo.
I-DOM Explorer: Ikuvumela ukuthi uhlele amashidi wezitayela ne-HTML kukhasi elisebenzayo, unikeze imiphumela eguquliwe njengoba uhamba. Isebenzisa ukusebenza kwe-IntelliSense ukuze ikhokhe ngokuzenzakalelayo lapho kusebenza khona. Isinqamuleli sekhibhodi: (CTRL + 1)
Ikhonsoli: Inikeza ikhono lokuhambisa ulwazi lokususa iphutha kufaka phakathi izibalo, ama-timers, amathrekhi, kanye nemiyalezo eyenziwe ngezifiso nge-API edidiyelwe. Futhi, ikuvumela ukuba ufake ikhodi ibe yikhasi leWebhu elisebenzayo futhi ushintshe amanani anikezwe eziguquguqukayo ngabanye ngesikhathi sangempela. Isinqamuleli sekhibhodi: (CTRL + 2)
I-Debugger: Ivumela ukuthi usethe amaphuzu okuphambana bese uphazamisa ikhodi yakho ngenkathi yenza, umugqa ngomugqa uma kunesidingo. Isinqamuleli sekhibhodi: (CTRL + 3)
Inethiwekhi: Iqondisa isicelo ngasinye senethiwekhi esisungulwe yisiphequluli ngesikhathi sokulayisha kwekhasi nokukwenziwa kufaka phakathi imininingwane yeprotocol, uhlobo lokuqukethwe, ukusetshenziswa kwe-bandwidth, nokunye okuningi. Isinqamuleli sekhibhodi: (CTRL + 4)
Ukusebenza: amarekhodi ohlaka lwamafayela, ukusetshenziswa kwe-CPU, namanye amamethrikhi ahlobene nokusebenza ukusiza ukusheshisa izikhathi zokulayisha ikhasi neminye imisebenzi. Isinqamuleli sekhibhodi: (CTRL + 5)
Imemori: Ikusiza ukuba uhlukanise futhi ulungise ukuvuza kwememori okungenzeka kwikhasi lewebhu okwamanje ngokubonisa umzila wesikhathi sokusebenzisa imemori kanye nezifinyezo ezivela ngezikhathi ezahlukene. Isinqamuleli sekhibhodi: (CTRL + 6)
Ukumemeza: Kubonisa indlela ikhasi elisebenzayo elizokwenza ngayo ngezinqumo ezihlukahlukene namasayizi weskrini, kukhishwa ama-Smartphones, amaphilisi, namanye amadivayisi. Ibuye inikeze ikhono lokuguqula i-agent yomsebenzisi ne-orientation yekhasi, futhi ulingise ukuhlukahluka okuhlukile ngokufaka i-latitude nobude. Isinqamuleli sekhibhodi: (CTRL + 7) - Ukuze ubonise i- Console ngenkathi kunoma iyiphi enye yamanye amathuluzi uchofoze inkinobho yesikwele ngobakaki obulungile ngaphakathi kwalo, ekhoneni elingenhla kwesokudla lesikhungo sokuthuthukisa amathuluzi.
- Ukuze unqamule, isikhombikusebenza samathuluzi kanjiniyela ukuze sibe iwindi elihlukile, chofoza inkinobho emelelwe ama-rectangles amabili e-cascading noma usebenzise isinqamuleli sekhibhodi elandelayo: CTRL + P. Ungakwazi ukubeka amathuluzi endaweni yawo yangempela ngokucindezela i- CTRL + P okwesibili.
I-Apple Safari (OS X kuphela)
I-toolset ye-dev yezinhlobonhlobo ze-dev ibonisa umphakathi womthuthukisi omkhulu osebenzisa i-Mac ngezidingo zabo zokuklama nokuhlela. Ngaphandle kwe-console enamandla kanye nezici zendabuko yokuloba nokulungisa, ukusebenziseka okulula kokusebenzisa isabelayo futhi ithuluzi lokudala izandiso zakho zesiphequluli nazo zinikezwa.
- Chofoza ku- Safari kumenyu yesiphequluli, esitholakala phezulu kwesikrini sakho. Uma imenyu yokudonsa ibonakala, khetha Izintandokazi . Ungasebenzisa futhi isinqamuleli sekhibhodi esilandelayo esikhundleni salokhu nto yemenyu: IKOMAND + QAPHELA (,)
- Isixhumanisi sezintandokazi ze-Safari kufanele siboniswe manje, sigqoke iwindi lesiphequluli sakho. Chofoza ku-Isithonjana esithuthukile , esivela ngakwesokudla ngakwesokunene sohlokweni.
- Izintandokazi ezithuthukisiwe manje kufanele zibonakale. Ngezansi kwalesi sikrini kukhona inketho ebhalwe phansi Bonisa Yenza imenyu kwimenyu yemenyu , ihambisana nebhokisi lokuhlola. Uma kungekho uphawu lokuhlola eliboniswe ebhokisini, chofoza kuso kanye ukubeka eyodwa lapho.
- Vala isikhombimsebenzisi sezintandokazi ngokuchofoza 'x' obomvu etholakele ekhoneni elingaphezulu kwesokunxele.
- Manje kufanele uqaphele ukhetho olusha kumenyu yesiphequluli okuthiwa i- Develop , ephakathi kwamabhukhimakhi newindi . Chofoza kule nto yemenyu. Imenyu yokudonsela phansi kufanele iboniswe manje, equkethe okukhethwa kukho okulandelayo.
Vula Ikhasi Nge: Ikuvumela ukuvula ikhasi leWebhu elisebenzayo kwenye yezinye iziphequluli okwamanje ezifakwe kwi-Mac yakho.
I-Agent yomsebenzisi: Ikuvumela ukuba ukhethe kusuka kwamaphesenti angu-12 echazwe ngaphambilini we-agent yomsebenzisi okufaka izinguqulo eziningana ze-Chrome, i-Firefox ne-Internet Explorer, futhi uchaze ngokwakho isihenqo esingokwezifiso.
Faka Imodi Yomklamo Ephendulayo : Ihambisa ikhasi lamanje njengoba lizovela emadivaysi ahlukahlukene nakwezinqumo ezihlukile zesikrini.
Bonisa i-Web Inspector: Ivula isikhombimsebenzisi esibonakalayo samathuluzi we-Safari's dev, esivame ukufakwa ngaphansi kweskrini sakho sesiphequluli futhi iqukethe izigaba ezilandelayo: Izakhi , I- Network , Resources , Timelines , Debugger , Storage , Console .
Khombisa Ikhonsoli Yephutha: Iphinde iqalise isikhombimsebenzisi se-dev, ngqo kuthebhu ye- Console ekhombisa amaphutha, izixwayiso, kanye nedatha yolwazi lokusesha.
Umthombo we-Bonisa: Uvula ithebhu yezinsiza , ebonisa ikhodi yomthombo ekhasini elisebenzayo elihlelwe idokhumenti.
Bonisa Izinsizakalo Zekhasi : Yenza umsebenzi ofanayo njengenketho ye- Show Page Source .
Bonisa i-Snippet Editor: Ivula iwindi elisha lapho ungafaka khona i-CSS ne-HTML, ukubuka kuqala ukukhipha kwayo.
Bonisa Umakhi Wokwandisa: Inikeza ikhono lokudala noma ukuhlela izandiso ze-Safari nge-CSS, HTML, ne-JavaScript.
Bonisa Umthamo Wokuqopha: Uvula ithebhu ye- Timeline bese uqala ukubonisa izicelo zenethiwekhi, ukuhlela nokunikeza ulwazi kanye nokusebenza kweJavaScript ngesikhathi sangempela.
I-Caches engenalutho: Khipha yonke i-cache okwamanje egcinwe ku-hard drive yakho.
Khubaza ama-Caches: Uvimba u-Safari kusuka ekugcineni kwe-caching ukuze konke okuqukethwe kutholakale kusuka kuseva ekhasini ngalinye lokulayisha.
Khubaza izithombe: Vimbela izithombe ekunikezeni kuwo wonke amakhasi wewebhu.
Khubaza Izitayela: Iyayigcina impahla ye-CSS uma ikhasi lilayishwa.
Khubaza i-JavaScript: Ivumela i-JavaScript ukubulawa kuwo wonke amakhasi.
Khubaza Izandiso: Ivimbela zonke izandiso ezifakiwe ukusuka kusebenza ngaphakathi kwesiphequluli.
Khubaza ama-Hacks aqondene nesayithi: Uma i-Safari ishintshwe ukuphatha ngokucacile impikiswano (s) ethize ekhasini leWebhu elisebenzayo, le ndlela izokuvimbela lezo zinguquko ukuze ikhasi lithwale njengoba lingaba nalo ngaphambi kokuba lezi zinguquko ziqaliswe.
Khubaza izivimbelo zefayela zendawo: Ivumela isiphequluli ukuba sibe nokufinyelela kwamafayela kuma-disk wakho wendawo, isenzo esivinjelwe ngokuzenzakalelayo ngezizathu zokuphepha.
Khubaza izivimbelo zokuSuka-Mvelaphi: Le migomo ifakwa ngokuzenzakalela ukuvimbela i-XSS nezinye izingozi ezingase zibe khona. Noma kunjalo, ngokuvamile badinga ukukhubazeka okwesikhashana ngenhloso yokuthuthukiswa.
Vumela i-JavaScript kusuka ku-Smart Search Field: Uma inikwe amandla, inikeza amandla okufaka ama-URL nge- javascript: ifakwe ngqo kwibha yekheli.
Phatha izitifiketi ze-SHA-1 njenge-Insecure: izitifiketi ze-SSL usebenzisa i-algorithm ye-SHA-1 zibhekwa kakhulu ukuthi ziphelelwe yisikhathi futhi zisengozini.