Uirlisí comhtháite do dhearthóirí, d'fhorbróirí agus do thástálaithe Gréasáin
Chomh maith leis an chuid is mó de lucht déanta brabhsálaithe ag díriú ar an úsáideoir laethúil a bhíonn ag iarraidh an Web a fhíorú, bíonn siad ag freastal ar fhorbróirí Gréasáin, dearthóirí agus gairmithe dearbhaithe cáilíochta a chuideoidh le tógáil na n-apps agus na suíomhanna a bhíonn ag na húsáideoirí sin trí uirlisí cumhachtacha a chomhtháthú go díreach isteach sna brabhsálaithe iad féin.
Is iad na laethanta nuair a cheadaigh na huirlisí cláir agus tástála amháin a fuarthas laistigh de bhrabhsálaí leat cód foinse leathanach a fheiceáil agus rud ar bith eile. Ligeann brabhsálaithe an lae inniu liúntas i bhfad níos doimhne a dhéanamh trí rudaí a dhéanamh cosúil le sliseanna JavaScript a fhorfheidhmiú, trí eilimintí DOM a iniúchadh agus a eagrú, monatóireacht a dhéanamh ar thrácht líonra lánaimseartha mar go n-ualaítear d'iarratas nó do leathanach chun bualadh a aithint, feidhmíocht CSS a anailísiú, ag cinntiú go bhfuil do chód gan úsáid a bhaint as iomarca chuimhne nó iomarca timthriall LAP , agus i bhfad níos mó. Ó thaobh tástála, is féidir leat a atáirgeadh mar a chuirfidh app nó leathanach Gréasáin i mbrabhsálaithe éagsúla chomh maith le feistí agus ardáin éagsúla trí mheán na n-insamhlóirí dearadh sofhreagrach agus tógtha. Is é an chuid is fearr gur féidir leat seo a dhéanamh gan do bhrabhsálaí a fhágáil!
Bíonn na ranganna teagaisc thíos ag siúl tríd an mbealach seo chun teacht ar na huirlisí forbróirí seo i roinnt brabhsálaithe Gréasáin tóir.
Google Chrome
Ceadaíonn uirlisí forbróra Chrome duit cód in eagar agus debug, iniúchadh a dhéanamh ar chomhpháirteanna aonair chun saincheisteanna feidhmíochta a nochtadh, insamhail scáileáin gléasanna éagsúla lena n-áirítear iad siúd atá ag rith Android nó iOS , agus déanann siad roinnt feidhmeanna úsáideacha eile a chomhlíonadh.
- Cliceáil ar an gcnaipe roghchlár is mó de Chrome, marcáilte le trí línte cothrománacha agus atá suite sa chúinne uachtarach ar dheis an bhrabhsálaí.
- Nuair a fheictear an roghchlár anuas, clúdaigh do chúrsóir luch thar an rogha uirlisí Níos mó .
- Ba chóir fo-roghchlár a bheith ann anois. Roghnaigh na roghanna uirlisí Forbróirí lipéadaithe. Is féidir leat an aicearra méarchlár seo a leanas a úsáid in ionad an mhír roghnaithe seo: OS OS / Windows ( CTRL + SHIFT + I ), Mac OS X ( ALT (ROGHA) + COMMAND + I )
- Ba chóir an comhéadan Uirlisí Forbróra Chrome a thaispeáint anois, mar atá léirithe sa scáileán seo. Ag brath ar do leagan de Chrome, d'fhéadfadh an leagan amach tosaigh a fheiceann tú a bheith beagán difriúil ón gceann atá curtha i láthair anseo. Is iad na taiscí seo a leanas príomh-mhol na n-uirlisí forbróra, atá suite de ghnáth ar thaobh bun nó ar dheis an scáileáin.
Eilimintí: Soláthraíonn sé an cumas cód CSS agus HTML a iniúchadh chomh maith le CSS in eagar a chur in eagar, ag féachaint d'éifeachtaí do chuid athruithe i bhfíor-am.
Console: Ligeann consól JavaScript Chrome le haghaidh iontrála ordú díreach chomh maith le déantúsaíocht diagnóiseach.
Foinsí: Ligeann tú dífhabhtú cód JavaScript trí chomhéadan grafach cumhachtach.
Líonra: Déantar faisnéis mhionsonraithe maidir le gach oibríocht ghaolmhar a chatagóiriú agus a thaispeánann ar an iarratas nó ar an leathanach gníomhach, lena n-áirítear ceanntáscairí iarratais chomhlánaithe agus freagairt chomh maith le meitreoí chun cinn ama.
Amlíne: Ceadaíonn anailís dhomhain ar gach gníomhaíocht a tharlaíonn laistigh den bhrabhsálaí chomh luath agus a chuirtear tús le hiarratas ualach leathanach nó app. - Chomh maith leis na hailt seo, is féidir leat teacht ar na huirlisí seo a leanas freisin tríd an gcnaipe >> , atá suite ar dheis na cluaise Amlíne .
Próifíl: Cuirtear síos ar chuimhne cuimsitheach agus ar am forghníomhaithe foriomlán an t-iarratas nó an leathanach gníomhach a bhriseadh síos i rannpháirtithe próifílí LAP agus rannóg próifílí Cala .
Slándáil: Buaicphointí fadhbanna teistiméireachta agus saincheisteanna eile a bhaineann le slándáil leis an leathanach nó an t-iarratas gníomhach.
Acmhainní: Is é seo an áit is féidir leat fianáin a iniúchadh, stóráil áitiúil, taisce app, agus foinsí sonraí áitiúla eile a úsáideann an leathanach Gréasáin nó an t-iarratas Gréasáin reatha.
Iniúchtaí: Tairiscintí bealaí chun ualach ama agus feidhmíocht ghinearálta an leathanaigh nó an iarratais a uasmhéadú. - Ceadaíonn Mód Gléas duit an leathanach gníomhach a fheiceáil i Insamhlóir, rud a fhágann go bhfuil sé beagnach díreach mar a bheadh sé ar cheann de níos mó ná dosaen feistí, lena n-áirítear roinnt samhlacha Android agus iOS ar a dtugtar an iPad, iPhone, agus Samsung Réaltra. Tugtar an cumas duit rúin scáileáin saincheaptha a aithint chun freastal ar do chuid riachtanas forbartha nó tástála ar leith. Chun Mód an Ghléasanna a scoránaigh ar agus lasmuigh, roghnaigh an deilbhín fón póca atá suite díreach ar chlé na tábla Eilimintí .
- Is féidir leat cuma agus mothú na n-uirlisí d'fhorbróirí a shaincheapadh trí chliceáil ar an gcnaipe roghchláir a léiríonn trí photaí atá suite go hingearach agus atá suite ar thaobh fada na láimhe deise de na cluaisíní thuasluaite. Ón taobh istigh den roghchlár seo, is féidir leat na huirlisí éagsúla a dhúbailt, a thaispeáint nó a cheilt chomh maith le míreanna níos airde a sheoladh mar chigire feiste. Feicfidh tú go bhfuil an comhéadan uirlisí dev féin inmhianaithe tríd na suíomhanna a fhaightear san alt seo.
Mozilla firefox
Cuimsíonn rannóg Forbróir Gréasáin Firefox ar uirlisí do dhearthóirí, d'fhorbróirí agus do thástálaithe araon, mar shampla eagarthóir stíl agus eyedropper ag díriú ar picteilín.
Léitheoireacht Molta: Na Scripteanna Úsáideora Barr 25 Greasemonkey agus Tampermonkey
- Cliceáil ar an gcnaipe roghchlár príomhshrutha de Firefox, arna léiriú ag trí línte cothrománacha agus atá suite sa chúinne uachtarach uachtarach ar fhuinneog an bhrabhsálaí.
- Nuair a thagann an roghchlár anuas, roghnaigh an deilbhín Leaganacha lipéadaithe. Ba cheart an roghchlár Forbróir Gréasáin a thaispeáint anois, ina bhfuil na roghanna seo a leanas. Feicfidh tú go bhfuil aicearraí méarchláir a bhaineann leo.
Uirlisí Tógála: Comhéadan uirlisí forbróra a thaispeántais nó a seithí, atá suite de ghnáth ag bun fhuinneog an bhrabhsálaí. Aicearra méarchláir: Mac OS X ( ALT (OPTION) + COMMAND + I ), Windows ( CTRL + SHIFT + I )
Cigire: Ceadaíonn duit iniúchadh agus / nó tweak CSS agus cód HTML a fháil ar an leathanach gníomhach chomh maith le gléas iniompartha trí dhiabhrúchán iargúlta. Aicearra méarchláir: Mac OS X ( ALT (OPTION) + COMMAND + C ), Windows ( CTRL + SHIFT + C )
Web Console: Ceadaíonn duit tú léirithe JavaScript a fhorghníomhú laistigh den leathanach gníomhach chomh maith le hathbhreithniú a dhéanamh ar shraith éagsúil sonraí logáilte lena n-áirítear rabhaidh slándála, iarratais líonra, teachtaireachtaí CSS, agus níos mó. Aicearra méarchláir: Mac OS X ( ALT (OPTION) + COMMAND + K ), Windows ( CTRL + SHIFT + K )
Dífhabhtóir: Ligeann an Dífhabhtóir JavaScript leat béim a dhéanamh agus lochtanna a shocrú trí phointí briste, trí nóid DOM a iniúchadh, foinsí seachtracha dornálaíochta dubh, agus i bhfad níos mó. De réir mar a tharlaíonn leis an gCigire , tacaíonn an gné seo freisin le déshlándáil iargúlta. Aicearra méarchláir: Mac OS X ( ALT (OPTION) + COMMAND + S ), Windows ( CTRL + SHIFT + S)
Eagarthóir Stíl: Is féidir leat bileoga stíleanna nua a chruthú agus iad a ionchorprú leis an leathanach Gréasáin gníomhach, nó na bileoga atá ann cheana a eagrú agus déan iarracht a dhéanamh ar an gcaoi a gcuireann do chuid athruithe i mbrabhsálaí le cliceáil amháin. Aicearra méarchláir: Mac OS X, Windows ( SHIFT + F7 )
Feidhmíocht: Déantar miondealú mionsonraithe ar fheidhmíocht líonra an leathanaigh ghníomhach, sonraí ar an ráta fráma, am forghníomhaithe JavaScript agus stáit, péinteáil, agus i bhfad níos mó. Aicearra méarchláir: Mac OS X, Windows ( SHIFT + F5 )
Líonra: Liostaí gach iarratas líonra a thionscnaigh an bhrabhsálaí chomh maith leis an modh comhfhreagrach, an t-ainm tionscnaimh, an cineál, an méid, agus an t-am atá caite. Aicearra méarchláir: Mac OS X ( ALT (OPTION) + COMMAND + Q ), Windows ( CTRL + SHIFT + Q )
Barra Uirlisí Forbróirí: Osclaíonn ateangaire ríomhphoist idirghníomhach. Cuir isteach cuidiú leis an ateangaire le haghaidh liosta de na horduithe atá ar fáil agus an ceartúlacht cheart acu. Aicearra méarchláir: Mac OS X, Windows ( SHIFT + F2 )
WebIDE: Soláthraíonn sé an cumas apps Gréasáin a chruthú agus a fhorghníomhú trí fheiste iarbhír atá ag feidhmiú Firefox OS nó tríd an Firefox OS Simulator. Aicearra méarchláir: Mac OS X, Windows ( SHIFT + F8 )
Console Brabhsálaí: Soláthraíonn sé an fheidhmiúlacht céanna leis an gConsól Gréasáin (féach thuas). Mar sin féin, is é an t-iarratas ar fad atá ar ais le haghaidh iarratas iomlán Firefox (lena n-áirítear síntí agus feidhmeanna leibhéal an bhrabhsálaí) seachas an leathanach Gréasáin gníomhach amháin. Aicearra méarchláir: Mac OS X ( SHIFT + COMMAND + J ), Windows ( CTRL + SHIFT + J )
Amharc Deartha Fhreagrach: Is féidir leat amharc ar leathanach Gréasáin láithreach i rúin éagsúla, leagan amach, agus méideanna scáileáin chun ilghléasanna a mhealladh, lena n-áirítear táibléad agus clistephóin. Aicearra méarchláir: Mac OS X ( ALT (OPTION) + COMMAND + M ), Windows ( CTRL + SHIFT + M )
Eyedropper: Taispeánann an cód datha heics do picteilíní roghnaithe ina n-aonar.
Scratchpad : Ligeann tú scríbhinní coda JavaScript a scríobh, a eagrú, a chomhtháthú agus a fhorghníomhú laistigh d'fhuinneog pop-out Firefox. Aicearra méarchláir: Mac OS X, Windows ( SHIFT + F4 )
Leathanach Foinse: An uirlis bhunaidh bhrabhsálaí bunaithe ar bhrabhsálaí, taispeánann an rogha seo an cód foinse atá ar fáil don leathanach gníomhach. Aicearra méarchláir: Mac OS X ( COMMAND + U ), Windows ( CTRL + U )
Faigh níos mó Uirlisí: Osclófar bailiúchán Bosca Uirlisí an Fhorbróra Gréasáin ar shuíomh breiseán oifigiúil Mozilla, ina bhfuil thart ar dhosaen síneadh tóir ar nós Firebug agus Greasemonkey.
Microsoft Edge / Internet Explorer
Ar a dtugtar Uirlisí Forbróirí F12 go coitianta, is éard atá in aice leis an aicearra méarchláir a sheol an comhéadan ó leaganacha níos luaithe de Internet Explorer, tá an uirlis uirlisí i IE11 agus Microsoft Edge tar éis teacht ar bhealach fada ó cuireadh tús le grúpa an-áisiúil de monatóirí, dífhabhtóirí, emulators, agus leantóirí ar an eitilt.
- Cliceáil ar an roghchlár Gníomhartha Níos mó , a bhfuil trí phointe ann agus atá suite sa chúinne uachtarach uachtarach ar fhuinneog an bhrabhsálaí. Nuair a fheictear an roghchlár anuas, roghnaigh an rogha le húsáid Uirlisí Forbróirí F12 . Mar a luadh mé cheana féin, is féidir leat teacht ar na huirlisí freisin tríd an aicearra méarchlár F12 .
- Ba cheart an comhéadan forbartha a thaispeáint anois, de ghnáth ag bun fhuinneog an bhrabhsálaí. Tá na huirlisí seo a leanas ar fáil, gach ceann acu inrochtana trí chliceáil ar a gceannteideal cluaisíní faoi seach nó ag baint úsáide as an aicearra méarchlár atá ag gabháil leis.
DOM Explorer: Ceadaíonn duit leathanaigh stíleanna agus HTML a eagrú sa leathanach gníomhach, ag cur na torthaí modhnuithe mar a théann tú. Úsáidtear feidhmiúlacht IntelliSense chun cód neamhchomhlíonta nuair is cuí. Aicearra méarchláir: (CTRL + 1)
Console: Soláthraíonn sé an cumas faisnéis dífhabhtaithe a chur isteach, lena n-áirítear cuntair, timers, rianta agus teachtaireachtaí saincheaptha trí API comhtháite. Chomh maith leis sin, ligeann duit cód a instealladh i leathanach Gréasáin gníomhach agus na luachanna a shanntar d'athróga aonair a mhodhnú i bhfíor-am. Aicearra méarchláir: (CTRL + 2)
Dífhabhtóir: Leagann tú slatphointí duit agus déantar do chód a dhíshealbhú agus é a fhorghníomhú, líne le líne más gá. Aicearra méarchláir: (CTRL + 3)
Líonra: Liostaí gach iarratas líonra a thionscnaigh an bhrabhsálaí le linn ualach agus feidhmiú leathanach, lena n-áirítear sonraí prótacail, cineál ábhar, úsáid bandaleithead, agus i bhfad níos mó. Aicearra méarchláir: (CTRL + 4)
Feidhmíocht: Rátaí frámaí sonraí, úsáid LAP, agus méadracht eile a bhaineann le feidhmíocht chun cabhrú leat luas a chur le huaire ualach na leathanach agus le gníomhaíochtaí eile. Aicearra méarchláir: (CTRL + 5)
Cuimhne: Cabhraíonn sé leat sceitheadh cuimhne féideartha a leithlisiú agus a cheartú ar an leathanach Gréasáin atá ann faoi láthair trí amlíne a úsáid i gcuimhne a léiriú chomh maith le pictiúir ó thréimhsí ama éagsúla. Aicearra méarchláir: (CTRL + 6)
Imréiteach: Taispeánann tú conas a chuirfeadh an leathanach gníomhach i rúin éagsúla agus méideanna scáileáin, ag spreagadh clónna cliste, táibléad agus feistí eile. Chomh maith leis sin soláthraíonn sé an cumas an gníomhaire úsáideora agus an treoshuíomh leathanach a mhodhnú, chomh maith le insamhaltaí difriúla a insamhlú trí dhul isteach ar domhanleithead agus ar dhlí. Aicearra méarchláir: (CTRL + 7) - Chun an Console a thaispeáint agus é laistigh de aon cheann de na huirlisí eile cliceáil ar an gcnaipe cearnach le lúibín ceart taobh istigh de, atá suite sa chúinne uachtarach uachtarach den chomhéadan uirlisí forbartha.
- Chun éag, déanann uirlisí an fhorbróra comhéadan ionas go mbeidh sé ina fhuinneog ar leithligh, cliceáil ar an gcnaipe a léiríonn dhá dhronuilleog cascáideach nó bain úsáid as an aicearra méarchlár seo a leanas: CTRL + P. Is féidir leat na huirlisí a chur ar ais ina suíomh bunaidh trí bhíthin CTRL + P an dara huair.
Apple Safari (OS X amháin)
Léiríonn uirlisí éagsúla de chuid Safari an pobal mór forbróra a úsáideann Mac as a gcuid riachtanas deartha agus cláir. Chomh maith le consól cumhachtach agus gnéithe logála agus dífhabhtaithe traidisiúnta, soláthraítear modh dea-sofhreagrach sofhreagrach agus uirlis chun do chuid síntí bhrabhsálaí féin a chruthú.
- Cliceáil ar Safari sa roghchlár brabhsálaí, atá suite ar bharr do scáileáin. Nuair a thagann an roghchlár anuas, roghnaigh Roghanna . Is féidir leat an aicearra méarchlár seo a leanas a úsáid in áit an mhír roghnaithe seo: COMMAND + COMMA (,)
- Ba cheart comhéadan Roghanna Safari a thaispeáint anois, ag cur trasna ar fhuinneog do bhrabhsálaí. Cliceáil ar an deilbhín Casta , atá suite ar thaobh an láimh dheis den cheannteideal.
- Ba cheart na roghanna Casta a bheith le feiceáil anois. Ag bun an scáileáin seo, roghnaítear an roghchlár Show Develop lipéadaithe sa bharra roghchláir , agus bosca seiceála leis. Mura bhfuil aon seicmharc a thaispeántar sa bhosca, cliceáil ar sé uair amháin chun ceann a chur ann.
- Dún an comhéadan Roghanna trí chliceáil ar an 'x' dearg a fuarthas sa chúinne uachtarach ar chlé.
- Ba cheart duit rogha nua a thabhairt faoi deara anois sa roghchlár brabhsálaí ainmnithe Forbairt , atá suite idir Leabharmharcanna agus Fuinneog . Cliceáil ar an mír roghchlár seo. Ba cheart taispeántas a thaispeáint anois, ina bhfuil na roghanna seo a leanas.
Leathanach Oscailte Le: Is féidir leat an leathanach Gréasáin gníomhach a oscailt i gceann de na brabhsálaithe eile atá suiteáilte faoi láthair ar do Mac.
Gníomhaire Úsáideora: Ligeann tú rogha ó níos mó ná dosaen luachanna gníomhaire úsáideora réamhshainithe lena n-áirítear leaganacha éagsúla de Chrome, Firefox agus Internet Explorer, chomh maith le do shraith saincheaptha féin a shainmhíniú.
Iontráil Mód Deartha Fhreagrach : Rinneann an leathanach reatha mar atá sé ar fheistí éagsúla agus ag rúin scáileáin éagsúla.
Taispeáin Cigire Gréasáin: Seoltar an príomh-chomhéadan le haghaidh uirlisí Dev Safari, a chuirtear de ghnáth ag bun scáileáin do bhrabhsálaí agus ina bhfuil na hailt seo a leanas: Eilimintí , Líonra , Acmhainní , Amlínte , Dífhabhtóir , Stóráil , Console .
Taispeáin Earráid Console: Seoltar chomhéadan uirlis dev freisin, go díreach chuig an gclár Console a thaispeánann earráidí, rabhaidh agus sonraí logála inchuardaithe eile.
Taispeáin Foinse Leathanach: Osclaíonn an cluaisín Acmhainní , a thaispeánann cód foinse don leathanach gníomhach arna chatagóiriú de réir doiciméad.
Taispeáin Acmhainní Leathanach: Feidhmíonn tú an fheidhm chéanna leis an rogha Foinse Taispeáin Leathanach .
Taispeáin Eagarthóir Snippet: Osclaíonn sé fuinneog nua áit ar féidir leat cód CSS agus HTML a chur isteach, ag déanamh réamheolaire ar a aschur ar an eitilt.
Taispeáin Tógálaí Síneadh: Soláthraíonn sé an cumas síneadh Safari a chruthú nó a eagrú le CSS, HTML, agus JavaScript.
Taispeáin Taifeadadh Amlíne: Osclaíonn an cluaisín Amlínte agus tosaíonn sé ag taispeáint iarratais líonra, leagan amach agus faisnéis a rindreáil chomh maith le feidhmiú JavaScript i bhfíor-am.
Caches Folamh: Scriosann an taisce iomlán atá á stóráil faoi láthair ar do dhiosca crua.
Díchumasaigh Caches: Stop Safari ó caching ionas go mbeidh an t-ábhar ar fad a aisghabháil ón bhfreastalaí ar gach ualach leathanach.
Íomhánna Díchumasaigh: Cosc ar íomhánna ó rindreáil ar gach leathanach Gréasáin.
Díchumasaigh Stíleanna: neamhaird a dhéanamh ar airíonna CSS nuair a luchtaítear leathanach.
Díchumasaigh JavaScript: Sceanglaíonn feidhmiú JavaScript ar gach leathanach.
Leathnaíonn Díchumasaigh: Toirmisc ar gach síntí suiteáilte ó reáchtáil laistigh den bhrabhsálaí.
Díchumasaigh Hacks Suímh-shonracha: Má tá Safari tar éis a mhodhnú chun ceisteanna (eanna) a bhaineann go sonrach leis an leathanach Gréasáin gníomhach a láimhseáil, blocfaidh an rogha seo na hathruithe sin ionas go mbeidh an leathanach ualach mar a bheadh sé roimh na modhnuithe seo a thabhairt isteach.
Srianta Comhaid Áitiúla a Dhíchumasaigh: Is féidir go mbeidh rochtain ag an mbrabhsálaí ar chomhaid ar do dhioscaí áitiúla, gníomh atá srianta de réir réamhshocraithe ar chúiseanna slándála.
Srianta Tras-Thionscnaimh a Dhíchumasú: Cuirtear na srianta seo i bhfeidhm de réir réamhshocraithe chun cosc a chur ar XSS agus ar chontúirtí féideartha eile. Mar sin féin, is minic go gcaithfear iad a bheith faoi mhíchumas sealadach chun críocha forbartha.
Ceadaigh JavaScript ó Réimse Cuardaigh Cliste: Nuair a chuirtear ar chumas, cuireann sé ar chumas URLanna a chur isteach le javascript: atá corpraithe go díreach isteach sa bharra seoladh.
Caitheamh SHA-1 Teastais atá Infhiosrach: Measfar go forleathan agus leochaileacha na teastais SSL a úsáideann an algartam SHA-1 .