Qalabka isku-dhafan ee loogu talagalay naqshadeeyayaasha Webka, horumarinta iyo imtixaanada
Marka laga soo tago kuwa ugu caansan shabakadaha oo diirada saaraayo isticmaalaha maalinlaha ah ee raadinaya shabakada Webka, waxay sidoo kale u jiheystaan kuwa horumarinta Webka, naqshadeeyayaasha iyo xirfadlayaasha xaqiijinta tayada kuwaas oo gacan ka geysanaya dhisidda barnaamijyada iyo goobaha ay isticmaalaan kuwaas oo isticmaalaya qalabka awoodda leh ee loo adeegsado daalacayaasha naftooda.
Goontu waa maalmaha barnaamijyada kaliya iyo qalabka imtixaanka ee laga helo barta shabakada oo kuu ogolaatay inaad aragto bogga akhbaaraha iyo wax kale oo badan. Macaamiilayaasha maanta waxay kuu ogolaanayaan inaad qaadato qulqul aad u qotodheer adoo sameeya waxyaabo ay ka mid yihiin fulinta iyo ka-hortagida qashinka JavaScript-ka, kormeerida iyo hirgelinta qodobada DOM, kormeerida taraafikada shabakada wakhti-gaaban sida app ama bogga si aad u ogaato dariiqooyinka, falanqaynta waxqabadka CSS, hubinta in koodhkaagu yahay ma isticmaalin xusuusin aad u badan ama wareegyo badan oo CPU ah , iyo wax ka badan. Marka laga eego aragtida tijaabada ah, waxaad soo saari kartaa sida app ama bogga internetka uu ku siinayo daalacado kala duwan iyo sidoo kale qalab kala duwan iyo qaabab kala duwan iyada oo loo marayo sixirsanaanta naqshad wax ku ool ah iyo ku-simulator la dhisay. Qaybta ugu wanaagsani waa inaad adigu sameyn kartid dhammaanba adiga oo aan ka tegin biraawsarkaagu!
Tababarada hoos ku xusan waxay kugu socdaan sidaad u heli laheyd qalabkan horumarineed ee dhowr boggaga caanka ah ee caanka ah.
Google Chrome
Qalabka horumarinta ee Chrome ayaa kuu oggolaanaya inaad wax ka beddesho oo aad baddasho koodhka, xisaabiso shakhsiyaadka shakhsiyeed si ay u soo bandhigaan arrimaha waxqabadka, iskudubarid shaashado kala duwan oo ay ka mid yihiin kuwa ku ordaaya Android ama iOS , oo ay qabtaan hawlo kale oo faa'iido leh.
- Riix batoonka muhiimka ah ee kumbuyuutarka ee Chrome, oo lagu calaamadeeyay saddex xariiq oo siman oo ku yaala geeska sare ee gacanta ee shabakadda.
- Marka liiska hoos loo dhigo, ku dheji cursadaada muraayada ku xiran qalabka Fudud ee Badan .
- Miiska sub-menu waa inuu hadda muuqaa. Xulo xulashada qalabka horumarinta . Waxaad sidoo kale isticmaali kartaa fariimaha hoos ku xusan ee ku yaal meeshan ee menu: Chrome OS / Windows ( CTRL + SHIFT + I ), Mac OS X ( ALT (OPTION) + COMMAND + I )
- Araajida Qalabka Isticmaalka Chrome Developer waa in hadda la soo bandhigaa, sida ku cad tusaalahan tusaalahan. Iyada oo ku xiran nooca Chrome, qaabka ugu horeeya ee aad aragto waxa laga yaabaa inay wax yar ka duwan tahay midka lagu soo bandhigay halkan. Xarunta ugu weyn ee qalabka horumarinta, oo ku yaalla dhinaca midigta ama dhinaca midig ee shaashadda, waxa ku jira tabsiyada soo socda.
Elements: Waxay bixisaa awoodda aad ku baari karto CSS iyo HTML-kod iyo sidoo kale CSS-du-duulista, adigoo arkaya saameynta isbeddelada waqtiga dhabta ah.
Console: Chrome's Console JavaScript wuxuu u oggol yahay gelitaanka tooska ah iyo sidoo kale khaladaadka cilad-bixinta.
Ilo: Waxay kuu ogolaaneysaa in aad ka hortagtid code code adigoo adeegsanaya shabakad awood leh.
Shabakad: Wuxuu kala qaybiyaa oo bandhigaa macluumaad faahfaahsan oo ku saabsan hawlgal kasta oo la xiriira arjiga firfircoon ama bogga, oo ay ku jiraan codsiyada buuxa iyo jawaabaha jawaabaha iyo sidoo kale jaangooyooyin marxalado heer sare ah.
Jadwalka: Wuxuu ogolaanayaa falanqeyn qotodheer waxqabad kasta oo ka dhacaya barta shabakada sida ugu dhakhsaha badan ee bogga ama codsiga rikoodhka codsiga la bilaabo. - Marka lagu daro qeybahaas, waxaad sidoo kale ka heli kartaa qalabka soo socda ee ku yaalla "icon", oo ku yaala midigta ku taal tabeelaha Timeline .
Faafaahinta: Waxay hoos u dhigtay Professor CPU iyo Qaybaha Cirifka , waxay bixiyaan isticmaalka xasuusta oo dhameystiran iyo waqtiga guud ee fulinta codsiga firfircoon ama bogga.
Amniga: Dhibaatooyinka shahaadooyinka iyo waxyaabo kale oo la xiriira amniga la xiriira bogga firfircoon ama codsiga.
Khayraadka: Tani waa meesha aad ku kormeeri karto cookies, keydinta maxaliga ah, kaydka app, iyo ilaha macluumaadka kale ee deegaanka ee isticmaala bogga internetka ama codsiga.
Hantidhowrka: Waxay bixisaa siyaabo lagu hagaajinayo bogga ama wakhtiga rarista ee codsiga iyo waxqabadka guud. - Mashiinka Mashiinka wuxuu kuu ogolaanayaa inaad aragto bogga firfircoon ee simulator kaas oo ka dhigaya sida saxda ah sida ay u muuqato mid ka mid ah qalabka daraasaadka ah, oo ay ka mid yihiin dhowr noocyo caan ah Android iyo iOS sida iPad, iPhone, iyo Samsung Galaxy. Waxaa sidoo kale lagu siiyaa awoodda aad ku dhajin kartid qiyaasaha khaaska ah si aad ugu habboonaato horumarka ama horumarkaaga gaarka ah. Si aad u kala beddesho Qalabka Qalabka ee guriga iyo banaanka, dooro moobilka telefoonka gacanta ee ku yaala dhanka bidix ee tabarka Elements .
- Waxaad sidoo kale xariiri kartaa aragtida iyo dareemida qalabkaaga horumariyaha adoo marka hore riixaya badhanka muraayadda oo ka muuqda saddex dhibcood oo isku dhafan oo ku yaal dhinaca dhinaca midig ee tabaha kor ku xusan. Laga soo bilaabo gudahaan hoos ku qoran, waxaad dib u celin kartaa cawska, muujin kartaa ama qarinaya qalabka kala duwan iyo sidoo kale soo saarida waxyaabo aad u sareeya sida kormeere qalab. Waxaad ogaan doontaa in qalabyada qalab ee laftiisa ay tahay mid aad u habeysneyn iyada oo loo marayo goobaha laga helo qaybtan.
Mozilla Firefox
Qeybta Horumarinta Webka ee Firefox ayaa waxaa ka mid ah qalabyada naqshadeeyayaasha, horumarinta, iyo imtixaannada si isku mid ah sida tifaftiraha qaabka iyo pixel-targeting eyedropper.
Akhrinta Qoraalka : Qodobka ugu sarreeya ee 25aad Greasemonkey iyo Scripts User Tampermonkey
- Riix badhanka menu ee Firefox, oo ay ku jiraan saddex xariiq oo siman oo ku yaala geeska midigta sare ee daaqada browserka.
- Marka liiska hoos loo dhigo, dooro astaanta calaamadeeye. Makhaayadaha Webka Developer waa in hadda la soo bandhigaa, oo ay ku jiraan xulashooyinka soo socda. Waxaad ogaan doontaa in alaabta badankooda ay leeyihiin khidmadaha keyboard-ka la xiriira.
Qalabyada Toggle: Bandhigaya ama qarinaya qalabka casriga ah, sida caadiga ah meel hoose ee daaqadda browser. Maababka gaaban: Mac OS X ( ALT (OPTION) + COMMAND + I ), Windows ( CTRL + SHIFT + I )
Kormeeraha: Waxay kuu oggolaaneysaa inaad kormeerto iyo / ama aad ku qorto CSS iyo HTML code bogga firfircoon iyo sidoo kale qalabka la qaadi karo iyadoo la adeegsanayo khaladaadka fog. Maababka gaaban: Mac OS X ( ALT (OPTION) + COMMAND + C ), Windows ( CTRL + SHIFT + C )
Web Console: Waxay kuu oggolaaneysaa in aad sameysid ereyada jajniga ee bogga firfircoon iyo sidoo kale dib u eegida xogo kala duwan oo isku xiran oo ay ku jiraan digniinta ammaanka, codsiyada shabakada, CSS farriimo, iyo in kale. Maababka gaaban: Mac OS X ( ALT (OPTION) + COMMAND + K ), Windows ( CTRL + SHIFT + K )
Debugger: Debugger JavaScript wuxuu kuu ogolaanayaa inaad qeexdo oo aad saxdo khaladaadka adoo dejiya jibbaarada, baarista DOM node, ilaha madadaalada banaanka ah, iyo wax ka badan. Sida kiiska Kormeeraha , tani waxay sidoo kale taageertaa barta qaldan ee fog. Maababka gaaban: Mac OS X ( ALT (OPTION) + COMMAND + S ), Windows ( CTRL + SHIFT + S)
Style Editor: Waxa uu kuu ogolaanayaa inaad abuurto qaabab cusub oo aad ku darto bogga internetka ee firfircoon, ama aad baddesho xaashiyeyaasha jira oo tijaabiya sida isbeddelkaagu u sameynaayo biraawsarka leh hal guji. Maababka gaaban: Mac OS X, Windows ( SHIFT + F7 )
Waxqabadka: Wuxuu bixiyaa faahfaahin faahfaahsan oo ku saabsan waxqabadka shabakada bogga firfircoon, xogta xawaaraha, Jadwalka Jadwalka iyo gobolka, rinjiga nalalka, iyo wax ka badan. Maababka gaaban: Mac OS X, Windows ( SHIFT + F5 )
Shabakad: wuxuu liiska codsiyada shabakad kasta oo ay bilaabeen barta shabakada iyadoo la raacayo habka ku habboon, nooca asaliga ah, nooca, cabbirka, iyo wakhtiga ka soo wareegay. Maababka gaaban: Mac OS X ( ALT (OPTION) + COMMAND + Q ), Windows ( CTRL + SHIFT + Q )
Qalabka Horumarinta: wuxuu furaa turjubaan dhexdhexaad ah. Ka caawi turjumaanka liiska dhammaan amarrada la heli karo iyo qoraalka ku habboon. Maababka gaaban: Mac OS X, Windows ( SHIFT + F2 )
WebIDE: Waxay bixisaa awooda abuuritaanka iyo fulinta barnaamijyada Webka iyada oo loo marayo qalab dhab ah oo ku socota Firefox OS ama iyada oo loo marayo Firefox OS Simulator. Maababka gaaban: Mac OS X, Windows ( SHIFT + F8 )
Browser Console: Waxay siisaa adeeg la mid ah sida Web Konsol (eeg xagga sare). Si kastaba ha noqotee, dhammaan xogta la soo celiyo waxay ku xirantahay codsiga Firefox oo dhan (oo ay ku jiraan kordhinta iyo shaqooyinka heerarka browser-ka) oo ka soo horjeeda keliya bogga firfircoon. Maababka gaaban: Mac OS X ( SHIFT + COMMAND + J ), Windows ( CTRL + SHIFT + J )
View Design View: Wuxuu kuu ogolaanayaa inaad si deg deg ah u eegto bogga Webka ee qaraarada kala duwan, qaabeynta, iyo cabbirka sawirada si ay ula qabsadaan qalab badan oo ay ku jiraan kiniiniyada iyo telefoonka gacanta. Maababka gaaban: Mac OS X ( ALT (OPTION) + COMMAND + M ), Windows ( CTRL + SHIFT + M )
Eyedropper: wuxuu muujiyaa lambarka midabka hex ee loogu talagalay pixels shakhsi ahaan loo xushay.
Sawir gacmeed : Waxay kuu ogolaaneysaa inaad wax qoro, saxdo, isdhex gashid iyo fuliso qashinka code of JavaScript ka soo daaqada daaqada Firefox-pop-ka. Maababka gaaban: Mac OS X, Windows ( SHIFT + F4 )
Bogga Isha: Qalabka asalka ah ee ku salaysan browser-ka, ikhtiyaarkan waxay si fudud u muujinayaan koodhka ilaha ee la heli karo ee bogga firfircoon. Maababka gaaban: Mac OS X ( COMMAND + U ), Windows ( CTRL + U )
Helaan Hannaano dheeraad ah: Waxa ay ka fursanayaan ururinta qalabka korontada ee Mozilla's ee ku yaal bogga intarnetka, oo ku saabsan daraasad dacaayad ah sida Firebug iyo Greasemonkey.
Microsoft Edge / Internet Explorer
Caadi ahaan waxaa loo yaqaan F12 Developer Tools , fure u ah maab-gaabinta keyboard-ka oo bilaabay interface-ka tan iyo markii hore ee Internet Explorer, qalabaynta gawaarida ee IE11 iyo Microsoft Edge ayaa soo maray hab aad u dheer tan iyo markii la aasaasay iyagoo bixiya koox aad u fara badan kormeerayaasha, ka hortagayaasha, emulators, iyo isku duubnaanta duulimaadka.
- Riix 'menu' ee ficilada dheeraadka ah , oo ay ku jiraan saddex dhibcood oo ku yaala dhinaca sare ee dhinaca daaqada ee daaqada baraha. Marka liiska hoos-u-dhacu uu muuqdo, dooro ikhtiyaarka lagu magacaabo F12 Tools Developer . Sidii aan hore u soo sheegnay, waxaad sidoo kale ka heli kartaa qalabka adigoo adeegsanaya fariin F12 keyboard.
- Aragtida horumarka waa in hadda la soo bandhigaa, sida caadiga ah ee hoose ee daaqadda browser. Qalabahan soo socda ayaa la heli karaa, mid kasta oo la heli karo adigoo gujinaya mawduucooda mawduuca ama isticmaalka khariidadaha la socda.
DOM Explorer: Waxay kuu oggolaaneysaa inaad bedesho cilladaha iyo HTML bogga firfircoon, oo muujinaya natiijooyinka la bedelay markaad tagto. Isticmaalidda farsamooyinka IntelliSense si aad u joojisid koodhka marka ay khuseyso. Maababka gaaban: (CTRL + 1)
Console: Waxay bixisaa awoodda aad u soo gudbin karto macluumaadka macaamilka oo ay ku jiraan xisaabiyeyaasha, saacadaha, raadinta, iyo farriimaha loo habeeyay ee API ah. Sidoo kale, ayaa kuu ogolaanaya inaad kugajiso codsi bogga firfircoon oo wax ka beddelaya qiimaha lagu beddelay doorsoomayaasha shakhsiyadeed waqtiga dhabta ah. Maababka gaaban (+ CTRL + 2)
Debugger: Waxay kuu ogolaaneysaa inaad jebiso jibbaarada isla markaana aad debciso lambarkaaga inta uu fulinayo, xariijinta qadka haddii loo baahdo. Maababka gaaban: (CTRL + 3)
Shabakad: Waxay liis gareeyaan codsi kasta oo shabakad ah oo ay bilaabeen barta shabakada inta lagu gudajirayo bogga iyo fulinta faahfaahinta qormooyinka, nooca content, isticmaalka xawaaraha, iyo waxyaabo kale oo badan. Maababka gaaban: (CTRL + 4)
Waxqabadka: Faahfaahinta qiimaha muraayadda, isticmaalka CPU, iyo hababka kale ee waxqabad ee waxqabadka leh si ay kaaga caawiyaan inaad kor u qaaddo wakhtiyada xaddiga bogga iyo waxqabadyada kale. Maababka gaaban: (CTRL + 5)
Xasuus: Waxay kaa caawinaysaa in aad joojiso oo aad saxdo khalkhalka xasuusta ee laga yaabo in bogga intarneetka ee hadda la soo bandhigo iyadoo la muujinayo wakhtiyada isticmaalka xasuusta iyo weelasha oo ka duwan waqtiyada kala duwan. Maababka gaaban: (CTRL + 6)
Raadinta: Waxay ku tusineysaa sida bogga firfircoon uu u samayn doono qaraaro kala duwan iyo qiyaasta sawirada, casriga casriga, kiniiniyada, iyo qalabka kale. Sidoo kale waxay bixisaa awoodda wax ka beddelida wakiilka isticmaalaha iyo jihada bogga, iyo sidoo kale inay ku siman yahiin goobo kala duwan oo adoo galaya filimka iyo dhererka. Maababka gaaban: (CTRL + 7) - Si aad u muujiso Konsole intaad ku jirto mid ka mid ah qalabka kale ku dhufo badhanka hareeraha adigoo isticmaalaya jumlada saxda ah ee gudaha, oo ku yaalla dhinaca geeska midigta sare ee qalabka horumarka.
- Si hoos loogu dhigo, qalabyada horumarinta qalabka si ay u noqoto daaqad gaar ah, riix badhanka oo matalaya laba leydiin oo rikoodh ah ama isticmaalaya fariimaha hoos ku xusan: CTRL + P. Waxaad qalabka dib ugu celin kartaa goobta asalka ah adigoo riixaya CTRL + P mar labaad.
Apple Safari (OS X kaliya)
Safari qalabka kala duwan ee Safari wuxuu ka tarjumayaa bulshada weyn ee horumarisa adeegsiga Mac-yada loogu talagalay baahidooda naqshadeynta iyo barnaamijka. Waxaa intaa dheer oo ah qalab awood leh iyo keydinta dhaqameedka iyo cilad-xumada, qaab fudud oo si fudud loo isticmaali karo iyo qalab si loo abuuro kordhinta browserkaaga ayaa sidoo kale la bixiyaa.
- Riix Safari oo ku yaal liiska khariidadda, oo ku yaalla xagga sare ee shaashaddaada. Marka ay soo muuqato liiska, dooro Preferences . Waxa kale oo aad isticmaali kartaa gaabnaanta fariimaha soo socda ee meeshan ee menu: COMMAND + COMMA (,)
- Xayeysiiska Safari ee Doorashooyinka waa in hadda la soo bandhigaa, khariidadda daaqaddaada. Guji icon icon, oo ku yaal dhinaca midig ee dhinaca midig ee madaxa.
- Doorashooyinka sare waa in hadda muuqda. Qeybta hoose ee shaashadani waa ikhtiyaar la calaamadeeyay Show Show menu ee bar muraayadda , oo ay weheliyaan sanduuq jeeg ah. Haddii aysan jirin calaamad muujinaysa sanduuqa, ku dhaji hal mar si aad mid u dhigto.
- Xiritaan dhexdhexaadinta doorashooyinka adiga oo riixaya 'x' guduudan oo laga helay geeska bidixda sare.
- Hadda waa inaad aragto doorasho cusub oo ku yaala browser-kaaga oo loo yaqaan ' Developed' , oo ku yaala inta u dhexeysa xayeysiiska iyo daaqada . Riix shaygan menu. Makhaayad hoos u dhigeysa waa in la soo bandhigaa, oo ay ku jiraan xulashooyinka soo socda.
Bogga Furan Adiga: Waxay kuu oggolaaneysaa inaad furto bogga Webka ee firfircoon mid ka mid ah boogaha kale ee hadda lagu rakibay Macaga.
Agent User: Waxay kuu ogolaaneysaa inaad dooratid in ka badan daraasad horay loo qoondeeyey wakiilada user-ka oo ay ku jiraan dhowr nooc oo Chrome ah, Firefox iyo Internet Explorer, iyo sidoo kale qeexaan xariggaaga gaarka ah.
Gali Muuqaalka Naqshadaynta : Dajinta bogga xaadirka ah sida ay u muuqato qalab kala duwan iyo qaraarada shaashadaha kala duwan.
Muuji Kormeeraha Webka: Wuxuu bilaabayaa interface ugu weyn Safari ee qalabka Dev, oo sida caadiga ah lagu dhigo hoose ee shaashaddaada browser oo ay ku jiraan qaybaha soo socda: Elements , Network , Ilaha , Waqtiyada , Debugger , Kaydinta , Konsole .
Muuji Xalinta Khayaanada: Waxa kale oo ay soo saartaa qalabyada qalabka korontada, si toos ah loogu talagalay Qeybta Masruufka kaas oo muujiya khaladaadka, digniinta, iyo macluumaad kale oo la raadin karo.
Muuji Bogga Isha: Furaha Khariidadda , oo muujiya koodhka ilaha ee bogga firfircoon ee lagu calaamadiyay dukumenti.
Muuji Bogga Kheyraadka: Waxay qabataa hawl isku mid ah Muujinta Show Source Source .
Muuji Editor Editor Snippet: Furo daaqad cusub oo aad gali karto CSS iyo HTML code, horay u soo saarka soo saarka on-the-fly.
Muuji Tusaalaha Fidiyaha: Waxay bixisaa awooda lagu abuurayo ama wax ka beddeli karo safarada Safari ee CSS, HTML, iyo JavaScript.
Muuji Waqtiga Diiwaangelinta: Wuxuu furaa Waqtiga Jadwalka wuxuuna bilaabmaa inuu soo bandhigo codsiyada shabakada, qaabeynta iyo macluumaadka ra'yigiisa iyo sidoo kale jajabinta Javis waqtiga dhabta ah.
Cached Cached: Waxay tirtirtaa dhammaan xaanshida hadda ee lagu keydiyo darawalkaaga adag.
Disable Caches: Isticmaal Safari ka soo caching si ay dhammaan content waxaa laga soo qaado server ka saaro bog kasta load.
Disable Sawirrada: Waxay ka hortagtaa sawirada laga helo dhamaan bogagga Webka.
Noocyada Dareemaha : Ka gaabi alaabta CSS marka bogga la buuxiyo.
Disable JavaScript: Waxay xakameysaa dilista Jaallarka dhammaan boggaga.
Disable Extensions: wuxuu mamnuucayaa dhamaan isku dhejinta lagu rakibay iyada oo ku dhexjirta shabakada.
Dami ka gaabi Hacks-ka gaarka ah: Haddii Safari loo xaddiday si uu si cad ugu xalliyo arrin (bogag) boggan oo firfircoon, doorashadan ayaa xannibaya isbeddeladaas si ay bogga u socoto sidii ay u yeelan laheyd ka hor inta aan wax laga bedelin.
Diidi Xakamaynta Xogta Maxaliga ah: Waxay u ogolaataa browserka in uu haysto faylasha ku yaal foornooyinkaaga, ficil ku xaddidan sababaha amniga awgood.
Xannibaadda Xannibaadaha Xuduudaha Xaddidan: Xayiraadahaan ayaa lagu meeleynayaa si ay uga hortagaan XSS iyo khataraha kale ee iman kara. Si kastaba ha ahaatee, waxay badanaa u baahan yihiin inay si ku meel gaar ah u noqdaan naafanimo ujeedooyin horumarineed.
U ogolow JavaScript ka socda raadinta sahlan : Marka la awoodo, wuxuu awood u leeyahay inuu galo cinwaanka javascript: wuxuu si toos ah ugu galayaa baraha cinwaanka.
Daawee Shahaadooyinka SHA-1 Shaki la'aan: Shahaadooyinka SSL ee la adeegsanayo SHA-1 algorithm ayaa loo tixgeliyaa in ay yihiin kuwo aan dib loo dhigin iyo kuwa nugul.