Otu esi eji Ngwaọrụ Nchọpụta Web

Ngwaọrụ dị iche iche maka ndị na-emepụta weebụ, ndị mmepe na ndị nyocha

Na mgbakwunye na ọtụtụ ndị na-eme nchọpụta na-elekwasị anya na onye ọrụ ọ bụla na-achọ ilegharị Web, ha na-ezigakwa ndị na-emepe weebụ, ndị na-emepụta ihe na ndị ọkachamara na-enyere ha aka ịmepụta ngwa na saịtị ndị ọrụ ndị ahụ na-enweta site na ijikọta ngwá ọrụ dị ike n'ime ihe nchọgharị onwe ha.

Emeela ụbọchị ndị naanị ọrụ mmemme na ule na-achọpụta n'ime ihe nchọgharị nyere gị ohere ile koodu koodu isi ma ọ bụ ihe ọzọ. Ihe nchọgharị nke oge a na-eme ka ị gbanye mgbatị dị ukwuu site na ime ihe dịka ịmepụta na debugging Javascript snippets, nyocha ma dezie ihe DOM, nyocha ngwa ngwa ntanetị dị ka ngwa gị ma ọ bụ ibu ọrụ iji chọpụta akara nkata, nyochaa ọrụ CSS, hụ na koodu gị ịghara iji ọtụtụ ihe nchekwa ma ọ bụ ọtụtụ usoro CPU , na ọtụtụ ihe ndị ọzọ. Site na nlele nyocha, ị nwere ike ịmepụta otú otu ngwa ma ọ bụ Weebụ ga-esi nye ihe nchọgharị dị iche iche na ngwaọrụ dị iche iche na nyiwe site na anwansi nke mmezi nabata na simulators-arụ. Nke kachasị mma bụ na ị nwere ike ime ihe a niile n'enweghị ịhapụ nchọgharị gị!

Ntuzi n'okpuru ebe a na-eje ije na ị ga esi esi nweta ndị ọrụ mmepụta a na ọtụtụ ihe nchọgharị weebụ a ma ama.

Google chrome

Getty Images # 182772277

Ndị na-emepụta Chrome na-enye gị ohere idezi ma debug koodu, nyochaa ihe nke ọ bụla iji kpughee mmepụta ọrụ, dozie ngwaọrụ dị iche iche ngwaọrụ tinyere ndị na-agba ọsọ gam akporo ma ọ bụ iOS , ma rụọ ọtụtụ ọrụ ndị ọzọ bara uru.

  1. Pịa na bọtịnụ menu ndị Chrome, akara ya na atọ dị larịị ma dị na akuku aka nri nke nchọgharị ahụ.
  2. Mgbe menu adaala gosipụtara, kpoo cursor k'ọsọ gị na nhọrọ More .
  3. Obere ndepụta ga-apụta ugbu a. Họrọ nhọrọ a na - akpọ Onye Mmepụta ngwaọrụ . I nwekwara ike iji ụzọ mkpirisi keyboard dị na ebe nke ihe menu a: Chrome OS / Windows ( CTRL + SHIFT + M ), Mac os X ( ALT (OPTION) + COMMAND + I )
  4. A ghaghị igosi Ngwa Ngwaọrụ Chrome ugbu a, dị ka egosipụtara na nseta ihuenyo a. Dabere na mbipute nke Chrome, nhazi mbụ ị hụrụ nwere ike ịdịtụ iche na nke e gosipụtara ebe a. Ụlọ isi nke onye nrụpụta ngwaọrụ, nke dị na ala ma ọ bụ n'akụkụ aka nri nke ihuenyo, nwere ebeabụ ndị a.
    Ihe: Na-enye ikike inyocha CSS na koodu HTML yana edezi CSS na-ada, ịhụ mmetụta nke mgbanwe gị n'oge.
    Njikwa: Chrome Javascript Javascript na-enye ohere maka ntinye iwu kpọmkwem yana nkwalite nchọpụta diagnostic.
    Isi ihe: Na-ahapụ gị ịmepụta koodu Javascript site na njikwa eserese dị ike.
    Network: Categorizes na-egosiputa ozi zuru ezu banyere ọrụ ọ bụla dị na ngwa ngwa ma ọ bụ na peeji nke, tinyere arịrịọ zuru ezu na nkụzi nzaghachi tinyere usoro metricsị oge.
    Oge nhazi: Na-enye ohere maka nyocha omimi nke ọrụ ọ bụla na-eme n'ime ihe nchọgharị ahụ ozugbo a malitere ibido ibe ma ọ bụ ngwa ngwa ngwa.
  5. Na mgbakwunye na ngalaba ndị a, ịnwekwara ike ịnweta ngwaọrụ ndị na-esonụ site na akara ngosi >> , nke dị na nri nke taabụ Timeline .
    Profaịlụ: Ebibi n'ime ngalaba propuler CPU na ngalaba Heap profiler , na-enye ncheta ncheta zuru oke na oge igbu oge niile nke ngwa ngwa ma ọ bụ ibe.
    Nche: Nsogbu akwụkwọ edemede na nsogbu ndị ọzọ metụtara nche na ibe ma ọ bụ ngwa.
    Ngwa : Nke a bụ ebe ị nwere ike nyochaa kuki, nchekwa mpaghara, ebe nchekwa ngwa, na ebe ndị ọzọ data data sitere na ebe nrụọrụ weebụ ma ọ bụ ngwa dị ugbu a.
    Audits: Na-enye ụzọ iji bulite oge ma ọ bụ ngwa ngwa na arụmọrụ zuru oke.
  6. Ọnọdụ Ngwaọrụ na- enye gị ohere ịlele ihuenyo arụ ọrụ na ngwa simulator nke na-esi ya dị ka ọ ga-apụta na otu n'ime ihe iri na abụọ ngwaọrụ, tinyere ọtụtụ usoro gam akporo na iOS dịka iPad, iPhone, na Samsung Galaxy. A na-enyekwa gị ike ịṅomi mkpebi ihuenyo omenala iji dabara mmepe ma ọ bụ ule nyocha gị. Ka ịgbanwuo ọnọdụ Ngwaọrụ na ma gbanyụọ, họta akara ngosi ekwentị mkpanaaka nke dị na aka ekpe nke Elements tab.
  7. Ịnwekwara ike ịhazi nlele na mmetụta nke ndị nrụpụta ngwaọrụ gị site na ịpị na bọtịnụ menu nke atọ na-anọchite anya ya ma na-ahụ n'akụkụ aka nri nke ebeabụ ndị ahụ. Site na nchịkọta nhọrọ a, ị nwere ike ịtọọ ụgbọ mmiri ahụ, gosi ma ọ bụ zoo ngwá ọrụ dị iche iche yana ịmepụta ihe ndị ọzọ dị elu dịka onye nlele ngwaọrụ. Ị ga-achọpụta na ngwaọrụ ihe eji enyere onwe ya aka bụ nke ukwuu site na ntọala dị na mpaghara a.
Ọzọ "

Mozilla Firefox

Getty Images # 571606617

Ngalaba Onye Mmemme Weebụ nke Firefox gụnyere ngwá ọrụ maka ndị mmepụta, ndị mmepe, na ndị na-arụ ọrụ dịka onye nchịkọta ihe na pixel-eyedropper e lekwasịrị anya.

Akwụkwọ a na-atụ aro: Ndị Top 25 Greasemonkey na Tampermonkey akwukwọ nsụgharị

  1. Pịa bọtịnụ menu menu Firefox, nke nwere akara atọ dị larịị ma dị na nkuku aka nri nke windo nchọgharị.
  2. Mgbe menu adaala gosipụtara, họrọ akara ngosi aha ya bụ Onye Mmepụta . A ghaghị igosi ndepụta Onye Mmepụta nke Web ugbu a, nwere nhọrọ ndị na-esonụ. Ị ga-achọpụta na ihe ka ọtụtụ n'ime ihe ndị nwere menu nwere mkpirisi ụzọ mkpịsị aka ha na ha.
    Ngwa nchegharị: Na-egosiputa ma ọ bụ na-ezobe Onye Mmepụta ngwaọrụ interface, a na-etinye ya na ala nke windo ihe nchọgharị ahụ. Ụzọ mkpirisi keyboard: Mac OS X ( ALT (OPTION) + COMMAND + I ), Windows ( CTRL + SHIFT + M )
    Onye nyochaa: Na-enye gị ohere inyocha na / ma ọ bụ TSS CWT na koodu HTML na ibe ọrụ yana yana ngwaọrụ mkpanaka site na mwube nsị. Ụzọ mkpirisi keyboard: Mac OS X ( ALT (OPTION) + COMMAND + C ), Windows ( CTRL + SHIFT + C )
    Njikwa weebụ: Na-enye gị ohere imepụta nkwupụta asụsụ Javascript n'ime akwụkwọ na-arụsi ọrụ ike yana nyochaa ụdị dịgasị iche iche nke data ndekọ gụnyere ịdọ aka ná ntị nchedo, arịrịọ netwọk, ozi CSS, na ndị ọzọ. Ụzọ mkpirisi keyboard: Mac OS X ( ALT (OPTION) + COMMAND + K ), Windows ( CTRL + SHIFT + K )
    Debugger: Javascript Debugger na- enye gị ohere ịchọpụta na idozi ntụpọ site na ịtọ ntọala, nyochaa ndị DOM, isi ojii na-esite n'èzí, na ọtụtụ ihe ndị ọzọ. Dị ka ọ dị na Onye Nlereanya , atụmatụ a na-akwado mgbochi nsị. Ụzọ mkpirisi keyboard: Mac OS X ( ALT (OPTION) + COMMAND + S ), Windows ( CTRL + SHIFT + S)
    Editor Style: Na-enye gị ohere ịmepụta ụdị ejiji ọhụrụ ma tinye ha na ibe Weebụ na-arụsi ọrụ ike, ma ọ bụ dezie akwụkwọ dị ugbu a ma nyochaa otú mgbanwe gị si eme na ihe nchọgharị na otu pịa. Ụzọ mkpirisi keyboard: Mac OS X, Windows ( SHIFT + F7 )
    Arụmọrụ: Na-enye nkwụsị zuru ezu nke arụmọrụ netwọk arụ ọrụ, etiti data ọnụego, Javascript mkpochapụ oge na ala, na-egbuke egbuke, na ọtụtụ ndị ọzọ. Ụzọ mkpirisi keyboard: Mac OS X, Windows ( SHIFT + F5 )
    Network: Na - edepụta rịọ netwọk ọ bụla nke ihe nchọgharị ahụ mepụtara na usoro kwekọrọ ekwekọ, usoro, ụdị, nha, na oge gafere. Ụzọ mkpirisi keyboard: Mac OS X ( ALT (OPTION) + COMMAND + Q ), Windows ( CTRL + SHIFT + Q )
    Onye Nwepụta Ngwaọrụ: Na-eme ka onye ntụgharị okwu na-emekọrịta ihe. Tinye aka nye onye ntụgharị okwu maka ndepụta nke iwu niile dị na nhazi ha kwesịrị ekwesị. Keycut shortcut: Mac OS X, Windows ( SHIFT + F2 )
    WebIDE: Na-enye ike ịmepụta ma mepụta ngwa Weebụ site na ezigbo ngwaọrụ na-agba ọsọ Firefox OS ma ọ bụ site na Firefox OS Simulator. Ụzọ mkpirisi keyboard: Mac OS X, Windows ( SHIFT + F8 )
    Njikwa Nchọgharị: Na-enye otu ọrụ dịka Njikwa Weebụ (lee n'elu). Otú ọ dị, data niile weghachite bụ maka ngwa ngwa Firefox dum (gụnyere mgbakwunye na ọrụ nchịkwa ihe nchọgharị) ma ọ bụghị naanị Web peeji nke nọ n'ọrụ. Ụzọ mkpirisi keyboard: Mac OS X ( SHIFT + COMMAND + J ), Windows ( CTRL + SHIFT + J )
    Echiche Nhọrọ Na-ele: Na-enye gị ohere ịhụ otu ibe weebụ n'otu ntabi anya na mkpebi dị iche iche, nhazi, na nha ihuenyo ka i jiri ọtụtụ ngwaọrụ gụnyere mbadamba na smartphones. Ụzọ mkpirisi keyboard: Mac OS X ( ALT (OPTION) + COMMAND + M ), Windows ( CTRL + SHIFT + M )
    Eyedropper: Na-egosiputa koodu agba hex maka otu pixels ahọrọ.
    Scratchpad : Kwe ka ị dee, dezie, imekota na kpere snippets nke Javascript koodu site na windo apụpụ Firefox. Ụzọ mkpirisi keyboard: Mac OS X, Windows ( SHIFT + F4 )
    Isi Iyi: Isi mmalite nke onye na-emepụta ihe nchọgharị, nhọrọ a na-egosiputa koodu ntinye dị na ya maka ibe ọrụ. Ụzọ mkpirisi igodo: Mac OS X ( ORỤ + U ), Windows ( CTRL + U )
    Nweta Ngwaọrụ ndị ọzọ: Na-emepe nchịkọta Ngwaọrụ nke Weebụ na saịtị Mozilla na -arụ ọrụ, gosipụtara ihe ngosi iri na abuo dịka Firebug na Greasemonkey.
Ọzọ "

Microsoft Edge / Internet Explorer

Getty Images # 508027642

A na-akpọkarị F12 Developer Ngwaọrụ , nsonaazụ nke ụzọ mkpirisi keyboard nke malitelarị interface ebe ọ bụ na nsụgharị Internet Explorer, nsụgharị ngwaọrụ nke IE11 na Microsoft Edge abịawo ogologo oge kemgbe ọ malitere site n'inye otu ìgwè dị mma ndị nlekota oru, ndị na-arụ ọrụ, ndị na-arụ ọrụ, na ndị na-emepụta ihe.

  1. Pịa na menu Nhọrọ ndị ọzọ, na-anọchite anya ntụpọ atọ ma dị na aka nri aka nri nke window windo. Mgbe menu adaala gosipụtara, họrọ nhọrọ a kpọrọ F12 Developer Ngwaọrụ . Dịka m kwugoro, ịnwere ike ịnweta ngwaọrụ site na ụzọ ụzọ keyboard F12 .
  2. A ghaghị igosi ihuenyo mmepe ugbu a, dị na ala nke windo nchọgharị ahụ. Ngwa ndị na-esonụ dị, nke ọ bụla nwere ike ịnweta site na ịpị ibe ha ma ọ bụ iji obere ụzọ keyboard.
    DOM Explorer: Na-enye gị ohere idezi ụdị ejiji na HTML na ibe ọrụ, na-enye nsonaazụ arụpụtara ka ị na-aga. Na-eji ọrụ IntelliSense gaa na koodu ezighi ezi ebe ọ dị. Ụzọ mkpirisi keyboard: (CTRL + 1)
    Njikwa: Na-enye ike ịnye ozi mbubata ozi gụnyere ndepụta, oge, akara, na ozi ndị ahaziri site na API zuru ezu. Ọzọkwa, na-ahapụ gị itinye koodu gaa na ibe Weebụ na-arụ ọrụ ma gbanwee ụkpụrụ ndị e kenyere variables n'otu oge. Ụzọ mkpirisi igodo: (CTRL + 2)
    Debugger: Kwe ka ị setịpụ ntụpọ ma deba koodu gị mgbe ọ na-egbu, akara site na akara ma ọ bụrụ na ọ dị mkpa. Ụzọ mkpirisi keyboard: (CTRL + 3)
    Network: Na - edepụta rịọ netwọk ọ bụla nke ihe nchọgharị ahụ batara n'oge ibu ọrụ na ibe ya gụnyere nkọwa nkọwa nke usoro, ụdị ọdịnaya, iji bandwit, na ọtụtụ ihe. Ụzọ mkpirisi igodo: (CTRL + 4)
    Arụmọrụ: Nkọwapụta nchịkọta nkọwa, nchịkwa CPU, na ndị ọzọ metrics metụtara ọrụ iji nyere gị aka ọsọ ọsọ oge ọrụ oge na ihe ndị ọzọ. Ụzọ mkpirisi igodo: (CTRL + 5)
    Nchekwa: Na-enyere gị aka ịchekwa ma dezie ihe mgbago ncheta na ebe nrụọrụ weebụ dị ugbu a site n'igosipụta usoro ihe eji echekwa echekwa na snapshots site n'oge dị iche iche. Ụzọ mkpirisi keyboard: (CTRL + 6)
    Emulation: Na-egosi gị otu esi rụọ ọrụ na mkpebi dị iche iche na nha ihuenyo, ịmepụta smartphones, mbadamba, na ngwaọrụ ndị ọzọ. Na-enyekwa ikike ịmegharị onye ọrụ ọrụ na nhazi ihuenyo, yana ịmepụta geolocations dị iche iche site na ịbanye latitude na longitude. Ụzọ mkpirisi igodo: (CTRL + 7)
  3. Iji gosipụta njikwa ebe ọ bụla n'ime ngwaọrụ ndị ọzọ pịa bọtịnụ bọtịnụ ya na njide aka ya dị n'ime ya, nke dị na nkuku aka nri nke ngwa ngwa mmepe.
  4. Iji kpochapụ, onye mmepụta ngwá ọrụ na-arụ ọrụ ka ọ ghọọ windo dị iche, pịa bọtịnụ nke na-anọchi anya nkata abụọ ma ọ bụ jiri ụzọ mkpirisi ụzọ na-esonụ: CTRL + P. Ịnwere ike idowe ngwá ọrụ ahụ n'ọnọdụ mbụ ha site na ịpị CTRL + P oge nke abụọ.

Apple Safari (OS X naanị)

Getty Images # 499844715

Di iche iche di iche iche Safari di iche iche negosi nnukwu onye mepere emepe nke na ejiri Mac maka ihe ha choro na ihe ndi choro. Na mgbakwunye na nkwekọrịta dị ike na ihe ndekọ ọdịnala na nkwụsịtụ ọdịnala, a na-enyekwa usoro mmepụta ihe na-eme ka ọ dị mfe na-eji ya eme ihe na ngwá ọrụ iji mepụta ndọtị ntanetị nke onwe gị.

  1. Pịa Safari na menu ihe nchọgharị, nke dị n'elu ihuenyo gị. Mgbe menu adaala gosipụtara, họrọ Mmasị . I nwekwara ike iji ụzọ mkpirisi keyboard dị na ebe nke ihe menu a: COMMAND + COMMA (,)
  2. Enwere ike igosi ihuenyo Mmasị Safari ugbu a, na-ekpuchi windo nchọgharị gị. Pịa na akara ngosi dị elu , nke dị n'akụkụ aka nri nke nkụnye eji isi mee.
  3. Nhọrọ dị elu ga-ahụ ugbu a. N'okpuru ihuenyo a bụ nhọrọ a na-akpọ Show Develop menu na mmanya menu , tinyere otu igbe. Ọ bụrụ na enweghị akara akara egosiri na igbe ahụ, pịa ya ozugbo iji tinye otu ebe.
  4. Mechie interface Mmasị site na ịpị 'u' uhie 'chọtara na akuku aka ekpe.
  5. Ị ga-ahụrịrị nhọrọ ọhụrụ na ihe nchọgharị menu aha ya bụ Develop , dị n'etiti Bookmarks na Ohere . Pịa na ihe ndepụta a. A ghaghị igosi menu ndapụta ugbu a, nwere nhọrọ ndị na-esonụ.
    Open Page With: Na-enye gị ohere ịmepee weebụ Weebụ na-arụ ọrụ n'ime otu n'ime ihe nchọgharị ndị ọzọ ugbu a na Mac.
    Onye na-eme ọrụ: Kwere ka ịhọrọ site na ihe karịrị iri na abụọ ị ga-ahọrọ na ị ga-eme ka ndị ọrụ nchịkọta mara ọrụ gụnyere ọtụtụ nsụgharị nke Chrome, Firefox na Internet Explorer, yana kọwaa ụda omenala gị.
    Tinye Nhazi Imepụta Nhọrọ : Na-emegharị ugbu a dịka ọ ga-apụta na ngwaọrụ dịgasị iche iche na mkpebi dị iche iche nke ihuenyo.
    Gosi Onye nyochaa Web: Kwadoro isi interface maka ngwa ngwa Safari, nke a na-etinye na ala nke nyocha ihuenyo gị ma nwee akụkụ ndị na-esonụ: Ihe , Network , Resources , Timelines , Debugger , Storage , Console .
    Gosipụta njikwa na-ezighị ezi: Na-ebupụ ngwa ngwa ngwaọrụ, ozugbo na teepu Console nke na-egosiputa njehie, ịdọ aka ná ntị, na data ndekọ ndị ọzọ.
    Gosi Page Isi: Na-emepe taabụ Resources , nke na-egosiputa koodu ntinye maka akwukwọ ozi na-edepụtara site na akwukwo.
    Gosi Page Resources: Na-arụ otu ọrụ ahụ dịka nhọrọ Ngosipụta Page Isi .
    Gosi Snippet Editor: Mepee windo ohuru ebe ị nwere ike ịbanye CSS na koodu HTML, na-elele mmepụta ya na-ada.
    Gosi Oghere Nrụpụta: Na-enye ike ịmepụta ma ọ bụ dezie ndapụta na Safari na CSS, HTML, na Javascript.
    Gosi Ndekọ usoro iheomume: Na-amalite taabụ Timelines wee malite igosipụta arịrịọ netwọk, nhazi na ịnye ozi na Javascript na ozugbo.
    Cache Empty: Na- ewepu cache niile ugbu a echekwa na draịvụ ike gị.
    Gbanyụọ Cache: Guzobe Safari site na caching iji nweta ọdịnaya niile site na ihe nkesa na ibe ọ bụla.
    Gbanyụọ Images: Na-egbochi ihe oyiyi site na ịtụgharị na ibe weebụ niile.
    Disable Styles: Amaghị CSS Njirimara mgbe a na-ejikọta ibe.
    Gbanyụọ Javascript: Dụgharịa Javascript JavaScript na niile ibe.
    Gbanyụọ Mgbakwunye: Na- egbochi niile ndọtị arụnyere na-agba n'ime nchọgharị.
    Gbanyụọ Akụrụngwa Ọdịnaya: Ọ bụrụ na gbanwere Safari iji gosipụta ihe (s) kpọmkwem na Weebụ na-arụsi ọrụ ike, nhọrọ a ga-egbochi mgbanwe ndị ahụ ka ebuo ihu ndị ahụ dịka ọ ga-enwe tupu mgbanwe ndị a amalite.
    Gbanyụọ Njikwa Njikwa Mpaghara: Na-enye ohere ka ihe nchọgharị ahụ nwee ohere ịnweta faịlụ na diskasị mpaghara gị, ihe na-egbochi site na ndabara maka ihe nchekwa.
    Gbanyụọ Mgbochi Ndị Na-esi na Cross: A na-etinye mgbochi ndị a n'ọnọdụ ndabara iji gbochie XSS na ihe ize ndụ ndị ọzọ. Otú ọ dị, ọ dị ha mkpa ka ha bụrụ ndị nkwarụ nwa oge maka ebumnuche mmepe.
    Kwe ka Javascript si Nchọpụta Nchọpụta Smart: Mgbe enyere gị aka, nye ikike ịbanye URLs na javascript: tinye aha na ntanetị.
    Na-emeso SHA-1 Asambodo dịka Nchedo: Asambodo SSL na-eji SHA-1 algorithm na-atụle dị ka ndị na-adị n'oge na ndị na-adịghị ike.