Yadda za a yi amfani da Abubuwan Tallafa Masu Tsara Yanar Gizo Masu Tsara Yanar Gizo

Gudanar da kayan aiki ga masu zanen yanar gizo, masu tsarawa da masu bada shawara

Baya ga mafi yawan masu bincike da ke mayar da hankali ga masu amfani da yau da kullum suna kallon yanar gizo, suna kuma kula da masu samar da yanar gizo, masu zanen kaya da masu sana'a masu kwarewa wanda ke taimakawa wajen gina samfurori da kuma shafukan da masu amfani suke samun dama ta haɗin kayan aiki masu ƙarfi a cikin masu bincike kansu.

Yau ne kwanakin da kawai kayan aiki da gwaji da aka samo a cikin mai bincike sun baka damar duba lambar tushen shafi kuma babu wani abu. Masu bincike na yau suna baka damar samun zurfin zurfi ta hanyar yin abubuwa kamar aiwatarwa da debugging snippets na Microsoft, dubawa da gyaran abubuwan DOM, saka idanu kan hanyar sadarwa ta hanyar sadarwarka ta hanyar aikace-aikacenka ko takardun shafi don gano ɓangarorin ƙira, nazarin CSS, tabbatar da cewa lambarka ba amfani da ƙwaƙwalwar ƙwaƙwalwar ajiya ko yawacin hawan CPU , da yawa ba. Daga hangen nesa, za ka iya haifar da yadda app ko shafin yanar gizon zai sa a cikin masu bincike daban-daban da kuma a kan na'urori daban-daban da kuma dandamali ta hanyar sihiri na zane da kuma masu simintin gyare-gyare. Mafi sashi shine cewa zaka iya yin duk wannan ba tare da barin mashiginka ba!

Koyaswa da ke ƙasa suna tafiya da ku ta hanyar yadda za ku iya samun dama ga waɗannan kayan aiki a cikin masu bincike na yanar gizo masu yawa.

Google Chrome

Ayyukan masu tasowa na Chrome sun ba ka izinin gyara da cirewa code, duba mutum wanda aka gyara don nuna abubuwan da suka shafi aiki, yi amfani da fuska daban-daban na na'urori ciki har da wadanda ke gudana Android ko iOS , kuma yi wasu ayyuka masu amfani.

1. Danna kan maɓallin menu na Chrome, alama da layi uku da aka kwance a cikin kusurwar hannun dama na mai bincike.
2. Lokacin da menu da aka sauke ya bayyana, haɓutar da siginar linzamin kwamfuta a kan ƙarin kayan aiki .
3. Dole ne menu ya bayyana. Zaɓi zaɓin da ake kira " Developer tools" . Hakanan zaka iya amfani da gajeren hanya na gajeren hanya a madadin wannan menu: Chrome OS / Windows ( CTRL + SHIFT + I ), Mac OS X ( ALT (OPTION) + KASA + I )
4. Dole ne a nuna yanzu an duba Kayan Ginin Developer Tools, kamar yadda aka nuna a cikin wannan hoton screenshot. Dangane da tsarin Chrome ɗinka, layin farko da ka gani yana iya zama ɗan bambanci daga wanda aka gabatar a nan. Babban ɗakin kayan kayan dasu, yawanci yana a ko dai a kasa ko hannun dama na allon, yana ƙunshe da shafuka masu biyowa.
   Abubuwa: Yana ba da damar duba CSS da HTML code kuma gyara CSS a kan-tashi, ganin sakamakon sauyin canji a ainihin lokacin.
   Console: Chrome na Jagorar Jakadanci don damar shigar da umarnin kai tsaye da kuma debugging bincike.
   Mahimman bayanai: Yarda da ku debug lambar Jagora ta hanyar iko mai zane.
   Network: Categorizes da kuma nuna cikakken bayani game da kowane aiki related a kan aikace-aikacen aiki ko shafi, ciki har da cikakken bukatar da kuma amsa bayanai tare da matakan zamani lokaci.
   Tsarin lokaci: Yana ba da izini don zurfin nazarin kowane aiki da ke faruwa a cikin mai bincike yayin da aka fara buƙatar shafi ko aikace-aikace.
5. Bugu da ƙari, waɗannan sashe, za ka iya samun dama ga kayan aiki masu zuwa ta hanyar >> icon, wanda ke gefen dama na shafin Timeline .
   Shafuka: Raguwa cikin sassan masu amfani da CPU da kuma Yankin mai suna Heap , suna samar da ƙwaƙwalwar ajiyar ƙwaƙwalwar ƙwaƙwalwar ajiya da kuma cikakken lokacin yin aiki na aiki ko shafi.
   Tsaro: Matsalar takardun shaida da sauran al'amurra masu tsaro tare da shafi mai aiki ko aikace-aikacen.
   Magani: Wannan shi ne inda za ka iya duba kukis, ajiya na gida, cache aikace-aikacen, da kuma sauran bayanan bayanan gida na amfani da shafin yanar gizo na yanzu ko aikace-aikacen.
   Audits: Offers hanyoyin da za a inganta wani shafi ko aikace-aikacen loading lokaci da kuma cikakken aiki.
6. Yanayin na'ura ya baka damar duba shafi na aiki a cikin na'urar kwaikwayo wadda ta mayar da shi kusan daidai kamar yadda zai bayyana a ɗaya daga cikin na'urori goma sha biyu, ciki har da wasu na'urorin Android da iOS da yawa da aka sani da su kamar iPad, iPhone, da kuma Samsung Galaxy. Ana kuma ba ku damar yin amfani da shawarar da aka tsara na al'ada domin dacewa da ci gabanku ko gwajin gwaji. Don kunna yanayin na'ura a kunne da kashe, zaɓi gunkin wayar hannu wanda ke tsaye a gefen hagu na Elements shafin.
7. Hakanan zaka iya siffanta kullun da jin dadin kayan aikinka na farko ta danna maballin menu da aka wakilta uku da aka sanya a tsaye a tsaye kuma yana a gefen dama na shafukan da aka ambata. Daga cikin wannan menu da aka sauke, za ka iya sake saita tashar jirgin, nuna ko ɓoye kayan aiki daban-daban da kuma kaddamar da abubuwan da suka fi dacewa kamar mai kula da na'urar. Za ku ga cewa ƙwarewar kayan aiki da ke kan kanta tana da cikakkiyar al'ada ta hanyar saitunan da aka samu a wannan sashe.

Mozilla Firefox

Shafukan yanar gizon yanar gizo na Firefox ya haɗa da kayan aiki don masu zanen kaya, masu haɓaka, da kuma masu shaida kamar mai gyara edita da kuma pixel-eyedropper.

Ƙididdigar Shawara: Kyautattun masu amfani da Top 25 na Greasemonkey da Tampermonkey

1. Danna maɓallin menu na ainihi na Firefox, wakiltar layi uku da aka kwance a tsaye a cikin kusurwar hannun dama na maɓallin mai bincike.
2. Lokacin da menu da aka sauke ya bayyana, zaɓi gunkin da ake kira Developer . Dole ne a nuna wannan menu na Web Developer yanzu, dauke da wadannan zaɓuɓɓuka. Za ku lura cewa mafi yawan abubuwan abubuwa suna da gajerun hanyoyin keyboard hade da su.
   Kayayyakin Kashewa: Nuna ko ɓoye kayan aiki na kayan aiki, wanda yawanci an sanya shi a kasa na browser browser. Hanyar maɓallin keyboard: Mac OS X ( ALT (OPTION) + KASAN + I ), Windows ( CTRL + SHIFT + I )
   Inspector: Ba ka damar duba da / ko tweak CSS da HTML code a kan shafi na aiki da kuma a kan na'urar taúra ta tabuge debugging. Hanyar maɓallin keyboard: Mac OS X ( ALT (OPTION) + KASAN + C ), Windows ( CTRL + SHIFT + C )
   Shafin yanar gizo: Ba ka damar aiwatar da sharuɗɗan Jagora a cikin shafi mai mahimmanci kazalika da tantance samfurori daban-daban na bayanai da suka shiga ciki har da gargaɗin tsaro, buƙatun cibiyar sadarwa, saƙonnin CSS, da sauransu. Hanyar maɓallin keyboard: Mac OS X ( ALT (OPTION) + KASAN + K ), Windows ( CTRL + SHIFT + K )
   Debugger: Jagorar Debugger ta Javascript ta ba ka damar nunawa da gyara ta hanyar kafa matakan shafewa, dubawa na DOM, masu fitar da fitowar bango baƙi, da yawa. Kamar yadda lamarin ya kasance tare da mai kulawa , wannan fasalin yana goyan bayan lalacewa ta nesa. Hanyar maɓallin keyboard: Mac OS X ( ALT (OPTION) + KARANTA + S ), Windows ( CTRL + SHIFT + S)
   Edita na Tsarin: Ba ka damar ƙirƙirar sababbin jigogi da kuma hada su tare da shafin yanar gizon aiki, ko gyara shafukan da ake ciki kuma gwada yadda yadda canje-canje naka ke sa a cikin mai bincike tare da danna ɗaya kawai. Hanyar hanyar keyboard: Mac OS X, Windows ( SHIFT + F7 )
   Ayyuka: Yana samar da cikakken fashewa na aikin shafi mai aiki na aiki, bayanan bayanan shafukan yanar gizo, Jagorar lokutan kisa da jihar, walƙiya walƙiya, da yawa. Hanyar hanyar keyboard: Mac OS X, Windows ( SHIFT + F5 )
   Hanyar sadarwa: Yana lissafa kowace buƙatar cibiyar sadarwa da aka fara da mai bincike tare da hanyar da aka dace, asalin asalin, nau'in, girman, da kuma lokaci ya ɓace. Hanyar hanyar keyboard: Mac OS X ( ALT (OPTION) + KASA + Q ), Windows ( CTRL + SHIFT + Q )
   Mafarin Ganin Developer: Ya buɗe wani mai fassara mai layi. Shigar da taimako a cikin mai fassara don jerin dukkan umurnai da aka samo su da haɗin kai tsaye. Hanyar hanyar keyboard: Mac OS X, Windows ( SHIFT + F2 )
   WebIDE: Yana samar da damar ƙirƙirar da aiwatar da aikace-aikacen yanar gizo ta hanyar ainihin na'urar da ke tafiyar da Firefox OS ko ta hanyar Firefox OS Simulator. Hanyar hanyar keyboard: Mac OS X, Windows ( SHIFT + F8 )
   Binciken Bincike: Yana samar da ayyuka ɗaya a matsayin Console na yanar gizo (duba sama). Duk da haka, duk bayanan da aka dawo shine don duk aikace-aikacen Firefox (haɗe da haruffa da ayyukan kulawa) kamar yadda ya saba da kawai shafin yanar gizon mai aiki. Hanyar maɓallin keyboard: Mac OS X ( SHIFT + COMMAND + J ), Windows ( CTRL + SHIFT + J )
   Abinda ke Tsara Kira: Yana ba ka damar duba ɗakin yanar gizo a cikin shafuka daban-daban, shimfidu, da kuma girman allo don haɓaka na'urori masu yawa ciki har da Allunan da wayoyin hannu. Hanyar maɓallin keyboard: Mac OS X ( ALT (OPTION) + KARANTA + M ), Windows ( CTRL + SHIFT + M )
   Eyedropper: Nuna samfurin launi mai launi domin nau'in pixels da aka zaɓa.
   Scratchpad : Ya ƙyale ka rubuta, gyara, hadewa da kuma kashe snippets na JavaScript code daga cikin wani pop-out Firefox taga. Hanyar hanyar keyboard: Mac OS X, Windows ( SHIFT + F4 )
   Asalin Shafin: Asali mai amfani da na'urar bincike, wannan zabin yana nuni da samfurin mahimmanci don shafin aiki. Hanyar maɓallin keyboard: Mac OS X ( KASAWA U ), Windows ( CTRL U )
   Samun Ƙarin Kayayyaki: Gana tarin na'ura na Wurin Kayan Gidan Yanar Gizo a kan shafin intanet na Mozilla, wanda ke nuna kimanin daruruwan tallace-tallace da yawa kamar Firebug da Greasemonkey.

Microsoft Edge / Internet Explorer

An kira shi a matsayin F12 Developer Tools , girmamawa zuwa ga gajeren hanya ta keyboard wadda ta kaddamar da ƙirar tun daga farkon versions na Internet Explorer, ƙayyadaddun kayan aiki a IE11 da Microsoft Edge sun zo mai tsawo tun lokacin da ta fara ta hanyar samar da ƙungiya mai kyau na masu lurawa, masu tayar da hankali, masu kwantar da hankali, da masu tarawa.

1. Danna kan Abubuwan Ayyukan Ƙari , wakilci uku da aka wakilta a cikin kusurwar hannun dama na kusurwar browser. Lokacin da menu da aka sauke ya bayyana, zaɓi wani zaɓi mai suna F12 Developer Tools . Kamar yadda na riga an ambata, za ka iya samun dama ga kayan aiki ta hanyar gajeren hanya ta F12 .
2. Dole ne a nuna halin cigaba a yanzu, yawanci a kasa na browser browser. Abubuwan da suke zuwa yanzu suna samuwa, kowane mai sauki ta latsa kan shafin su na gaba ko ta amfani da gajeren hanya na gajeren hanya.
   DOM Explorer: Baka damar gyara hanyoyin da HTML a cikin shafi mai aiki, yana nuna sakamakon da aka canza yayin da kake tafiya. Yana amfani da aikin IntelliSense zuwa lambar sirri ta atomatik inda ya dace. Hanyar hanyar keyboard: (CTRL + 1)
   Console: Yana samar da damar da za a ba da bayanai na debugging ciki har da ƙididdigar, timers, burbushi, da kuma saƙonni na musamman ta hanyar API mai haɗawa. Har ila yau, ƙyale ka shigar da lambar zuwa cikin shafin yanar gizon mai aiki kuma gyara dabi'u da aka sanya wa ɗayan ɗamarori a ainihin lokacin. Hanyar hanyar keyboard: (CTRL + 2)
   Debugger: Yarda da ka saita shafuka da kuma farfado da lambarka yayin da yake gudanar, layi ta layi idan ya cancanta. Hanyar hanyar keyboard: (CTRL + 3)
   Cibiyar sadarwa: Yana lissafin kowace buƙatar cibiyar sadarwa da aka fara da mai bincike a yayin da aka ɗaukar nauyin shafi da kuma kisa tare da cikakkun bayanai, nau'in abun ciki, amfani da bandwidth, da yawa. Hanyar hanyar keyboard: (CTRL + 4)
   Ayyukan: Tsarin mahimman bayanai, amfani da CPU, da sauran matakan da suka shafi aikin da za su taimaka maka don hanzarta sauke lokutan shafi da wasu ayyukan. Hanyar hanyar keyboard: (CTRL + 5)
   Ƙwaƙwalwar ajiya: Taimaka maka ka ware kuma gyara ƙwaƙwalwar ƙwaƙwalwar ajiyar ƙwaƙwalwar ajiya a kan shafin yanar gizon ta yanzu ta hanyar nuna lokacin lokaci mai amfani da ƙwaƙwalwar ajiya tare da ɓoye daga lokaci daban-daban. Hanyar hanyar keyboard: (CTRL + 6)
   Halin: Ya nuna maka yadda shafi na aiki zai sa a wasu shawarwari da kuma girman allo, yin amfani da wayoyin hannu, Allunan, da wasu na'urori. Har ila yau, ya ba da ikon canza tsarin mai amfani da daidaitaccen shafi na shafi, da kuma daidaita nau'o'in geolocations ta hanyar shigar da latitude da longitude. Hanyar hanyar keyboard: (CTRL + 7)
3. Don nuna Console yayin da ke cikin wasu kayan aikin da kake danna kan maɓallin gungura tare da madogarar dama a ciki, wanda yake a cikin kusurwar dama na kusurwar kayan aiki na cigaba.
4. Don saukewa, kayan aiki na kayan aiki zasu duba don haka ya zama kaso daban, danna kan maɓallin wakilci guda biyu ko kuma amfani da gajeren hanya ta hanyar keyboard: CTRL + P. Zaka iya sanya kayan aiki a cikin wuri na asali ta latsa CTRL + P a karo na biyu.

Apple Safari (OS X kawai)

Kayayyakin kayan aiki na Safari yana nuna babban al'umma wanda ke amfani da Mac don tsarawa da shirye-shirye. Bugu da ƙari, ga na'ura mai kwakwalwa da fasaha na gargajiya da kuma lalacewa, yanayin da za a iya amfani dashi da sauki da kayan aiki don ƙirƙirar kariyar burauzanku.

1. Danna kan Safari a cikin mai bincike, wanda yake a saman allo. Lokacin da menu mai saukewa ya bayyana, zaɓi Zaɓuɓɓuka . Hakanan zaka iya amfani da gajeren hanya na gajeren hanya a madadin wannan abu na menu: GABA + COMMA (,)
2. Dole ne a nuna labaran Zaɓuɓɓukan Bincike na Safari a yanzu, a rufe maɓallin bincikenku. Danna kan Ƙaura mai girma, wanda yake a gefen dama na hannun dama.
3. Dole ne zaɓuɓɓukan Bincike ya zama bayyane. A ƙasa na wannan allon akwai wani zaɓi wanda aka lakabi Menu Show Up cikin menu na menu , tare da akwati rajistan. Idan babu alamar rajistan da aka nuna a cikin akwati, danna kan sau ɗaya don sanya daya a can.
4. Rufe Ƙararren Zaɓuɓɓuka ta danna kan ja 'x' a cikin kusurwar hagu.
5. Ya kamata ku lura da wani sabon zaɓi a cikin mai amfani da mai bincike da ake kira Develop , located tsakanin Alamomin shafi da Window . Danna kan wannan abun menu. Dole ne a nuna menu mai saukarwa a yanzu, dauke da wadannan zaɓuɓɓuka.
   Bude Shafi Tare da: Ba ka damar bude shafin yanar sadarwa mai aiki a ɗaya daga cikin wasu masu bincike a halin yanzu an shigar a kan Mac.
   Mai amfani: Tsaya ka zaɓi daga sama da wasu sharuɗɗa na masu amfani da ƙayyadadden bayanin mai amfani waɗanda suka haɗa da da yawa na Chrome, Firefox da Internet Explorer, da kuma ƙayyade tsararren al'ada naka.
   Shigar da Yanayin Hanya Mai Kyau : Gyara shafin na yanzu kamar yadda zai bayyana a wasu na'urori da kuma a wasu matakan tsare-tsaren allo.
   Nuna mai dubawa na yanar gizo: Ya ƙaddamar da babban ƙirar don kayan aiki na Safari, wanda aka sanya shi a ƙasa na allon bincikenka kuma ya ƙunshi sassan da ke gaba: Abubuwan da ke ciki , Gidan yanar sadarwa , Abubuwan da suka dace , Lokaci , Debugger , Storage , Console .
   Nuna Kuskuren Kuskure: Har ila yau yana gabatar da kayan aiki na kayan aiki, kai tsaye zuwa shafin Shafin yanar gizo waɗanda ke nuna kurakurai, gargadi, da kuma sauran bayanan bincike.
   Nuna Shafin Shafi: Gyara albarkatun shafin, wanda ke nuna alamar samfurin don shafi mai aiki wanda aka tsara ta hanyar daftarin aiki.
   Nuna Shafin Bayanai: Yana yin aikin ɗaya kamar zaɓi na Shafin Shafi .
   Nuna Editan Snippet: Gana sabon taga inda zaka iya shigar da CSS da HTML code, duba samfurinta akan-da-fly.
   Show Extension Builder: Yana samar da damar ƙirƙirar ko shirya kariyar Safari tare da CSS, HTML, da JavaScript.
   Nuna Rikodin Tsarin Lissafi: Yana buɗe Taimako shafin kuma ya fara nuna nuna buƙatun cibiyar sadarwa, shimfidawa da kuma bada bayanai da kuma aiwatar da Javascript a ainihin lokaci.
   Karan da aka Sauke: Kashe dukkan cache a halin yanzu ana adana a kan rumbun kwamfutarka.
   Kashe Caches: Dakatar da Safari daga kaddamarwa domin duk abun ciki da aka samo daga uwar garke akan kowane shafi.
   Kashe Hotuna: Ya hana hotunan daga yin fasali akan dukkan shafukan yanar gizo.
   Kashe Styles: Ignres CSS Properties lokacin da aka ɗora shafi.
   Kashe Javascript: Tsaya JavaScript a kan dukkan shafuka.
   Kashe Extensions: Ya haramta duk kariyar da aka shigar don yin aiki a cikin browser.
   Disable Site-specific masu fashin kwamfuta: Idan an gyara Safari don tabbatar da batun (s) musamman a shafin yanar gizon mai aiki, wannan zaɓin zai toshe waɗannan canje-canje don ɗaukar nauyin shafi kamar yadda za a yi kafin a gyara waɗannan gyare-gyare.
   Kashe Ƙuntatawar Yanki na Yanki: Ba da damar mai bincike don samun damar yin amfani da fayiloli a kan diski na gida, aikin da aka ƙuntata ta tsoho don dalilai na tsaro.
   Kashe Tsarin Giciye Tsarin Gida: Wadannan ƙuntatawa suna sanya su ta wurin tsoho domin hana XSS da wasu haɗari masu haɗari. Duk da haka, sau da yawa suna buƙata su kasance marasa lafiya na ɗan lokaci don dalilai na ci gaba.
   Bada JavaScript daga Maganin Binciken Sahihi: Lokacin da aka kunna, yana samar da damar shigar da URL tare da javascript: an kafa shi tsaye a cikin adireshin adireshin.
   Bi da SHA-1 Takaddun shaida a matsayin Insecure: Takaddun shaida SSL ta amfani da SHA-1 algorithm ana dauke su a matsayin kwanan wata da m.