Lisebelisoa tsa lithulusi tse kopanetsoeng bakeng sa baetsi ba liwebsaete, bahlahlobi le lihlopha
Ho phaella ho baetsi ba libapali ba bangata ba shebaneng le basebelisi ba letsatsi le leng le le leng ba batla ho kena Websaeteng, ba boetse ba thusa baetsi ba liwebsaete, baqapi le basebetsi ba ts'ehetso ea boleng ba thusang ho haha lisebelisoa le libaka tseo basebelisi bana ba li fumanang ka ho kenyelletsa lisebelisoa tse matla ho li-browser. ka bobona.
Ha ho na matsatsi ao lenaneo feela le lisebelisoa tsa ho hlahloba tse fumanoang ka har'a sebafete li ileng tsa u lumella ho sheba khoutu ea mohloli oa leqephe mme ha ho letho le leng. Li-browser tsa kajeno li u lumella hore u nke lintho tse tebileng ka ho etsa lintho tse kang ho hlakola le ho fetola li-script tsa Javascript, ho hlahloba le ho hlophisa lintlha tsa DOM, ho hlahloba sephethephethe sa nako ea nako ea marang-rang joaloka lisebelisoa tsa hau kapa thepa ea hau bakeng sa ho khetholla lits'ebetso, ho hlahloba ts'ebetso ea CSS, ho netefatsa hore khoutu ea hau ho se sebelise mehopolo e mengata haholo kapa maqhubu a mangata a CPU , le tse ling tse ngata. Ho tloha ponong ea teko, u ka ikatisa hore na app kapa leqephe la Websaete li tla fana ka li-browser tse fapa-fapaneng hammoho le lisebelisoa tse fapaneng le lisebelisoa ka mokhoa oa boselamose oa libopeho le li-simulator tse hahiloeng. Karolo ea bohlokoa ka ho fetisisa ke hore o ka etsa sena sohle ntle le ho tlohela sebapali sa hau!
Liithuti tse ka tlase li u tsamaisa kamoo u ka fumanang lithulusi tsena tsa boqapi libukeng tse ngata tse tummeng tsa Liwebsaete.
Google Chrome
Lisebelisoa tsa lisebelisoa tsa Chrome li u lumella hore u hlophise le ho theola khoutu, u hlahlobe likarolo tse ling ho pepesa lintlha tsa tshebetso, etsisa lisebelisoa tse fapaneng tsa lisebelisoa tse kenyeletsang tse tsamaisang Android kapa iOS , le ho etsa mesebetsi e meng e mengata e mengata.
- Tobetsa konopo ea menyetla e ka sehloohong ea Chrome, e ngotsoeng ka mela e meraro e ka holimo le e ka holimo e ka letsohong le letona la sebapali.
- Ha menu ea theoha e hlaha, hula mouse ea hau ka har'a lisebelisoa tse ling .
- Lenaneo le tlase le tlameha ho hlaha. Khetha khetho e khethiloeng ka lithulusi tsa Developer . U ka boela ua sebelisa mokhoa o latelang oa lebokose ho e-na le ntho ena ea menu: Chrome OS / Windows ( CTRL + SHIFT + I ), Mac OS X ( ALT (OPTION) + COMMAND + I )
- Sebopeho sa Chrome Developer Tools se lokela ho bonts'oa hona joale, joalokaha se bontšoa papaling ena ea mohlala. Ho itšetlehile ka liphetoho tsa Chrome, mokhoa oa pele oo u bonang o ka 'na oa fapana ho o fanoeng mona. Setsi se ka sehloohong sa lisebelisoa tsa theknoloji, tse tloaelehileng ka holimo kapa ka letsohong le letona la skrine, li na le li-tab tse latelang.
Lihlooho: E fana ka bokhoni ba ho hlahloba CSS le khomphuta ea HTML hammoho le ho fetola CSS ho fofa, ho bona liphello tsa liphetoho tsa hau nakong ea sebele.
Khothatso: Chrome Java console e lumella ho kena ka ho toba ka taelo hammoho le ho buoa ha mokhoa oa ho hlahloba.
Lisebelisoa: Ho u lumella ho tlosa Javascript code ka setšoantšo se matla sa graphical.
Mecha: Ho arola le ho bonts'a tlhahisoleseding e qaqileng mabapi le ts'ebetso e 'ngoe le e' ngoe e amanang le ts'ebetso e sebetsang kapa leqephe, ho akarelletsa lihlooho tse feletseng tsa likōpo le likarabo hammoho le metrics e tsoetseng pele ea nako.
Nako ea ketsahalo : E lumella ho hlahloba ka botebo ts'ebetso e 'ngoe le e' ngoe e etsahalang ka har'a sebapali hang ha ho qaloa kopo ea khaolo kapa kopo ea app. - Ho phaella ho likarolo tsena, u ka boela ua fumana lithulusi tse latelang ka " letšoao la", le ka letsohong le letona la lebokose la Timeline .
Pale ea Bophelo ba Hao: O roetse kahare ho karolo ea CPU le ea Heap ea litlanta , e fana ka tšebeliso e kenyelelitsoeng ea memori le nako ea kakaretso ea ho phethahala ha kopo e sebetsang kapa leqephe.
Tshireletso: Mathata a setifiketi a totobetseng le mathata a mang a amanang le ts'ireletso le leqephe le sebetsang kapa kopo.
Lisebelisoa: Hona ke moo u ka hlahlobang li-cookie, polokelo ea sebakeng sa hau, sebaka sa lisebelisoa tsa lisebelisoa, le mehloli e meng ea data ea sebakeng seo e sebelisoang ke leqephe la hona joale la Websaete kapa kopo.
Lipatlisiso: E fana ka litsela tsa ho ntlafatsa leqephe kapa nako ea nako ea kopo le ts'ebetso e tloaelehileng. - Mokhoa oa lisebelisoa o lumella hore u shebe leqephe le mahlahahlaha ka simulator e le hlalosang kamoo e neng e tla hlaha kateng ho e 'ngoe ea lisebelisoa tse 12, ho akarelletsa le mehlala e mengata e tsebahalang ea Android le iOS e kang iPad, iPhone le Samsung Galaxy. U boetse o fuoa bokhoni ba ho etsisa liqeto tsa skrine tsa moetlo ho lumellana le litlhoko tsa hau tsa ntlafatso kapa tsa tlhahlobo. Ho itlosa le ho tima Modela ea Sesebelisoa , khetha letšoao la mohala oa selefouno le ka ho le letšehali ho thepa ea Elements .
- U ka boela ua khetha mokhoa oa ho sheba le ho ikutloa ha li-sesebelisoa tsa hau tsa konteraka ka ho qalisa konopo ea menyetla e emeloang ke matheba a mararo a nang le lintlha ebe o fumaneha ka letsohong le letona le letona la li-tab tse boletsoeng ka holimo. Ho tsoa ho sethaleng sena se theoha, o ka beha seteishene, ho bontša kapa ho pata lisebelisoa tse sa tšoaneng hammoho le ho qala lisebelisoa tse tsoetseng pele tse kang mohloli oa thepa. U tla fumana hore lisebelisoa tsa dev li inthaneteng li na le mokhoa o ikhethileng ka mokhoa o ipapisitsoeng le maemo a fumanehang karolong ena.
Mozilla Firefox
Karolo ea Moqapi oa Websaete ea Firefox e kenyeletsa lisebelisoa tsa baqapi, lihlahisoa le lihlopha tse kang mohlophisi oa lipahale le leihlo la lihlaseli tsa marang-rang.
Ho Buelloa ho Bala: The Top 25 Greasemonkey le Tampermonkey User Scripts
- Tobetsa konopo ea menyetla e ka sehloohong ea Firefox, e emeloang ke mela e meraro e holimo le e ka holimo e ka letsohong le letona la sefensetere sa sebadi.
- Ha menu ea theoha e hlaha, khetha letšoao le ngotsoeng Developer . Moqapi oa Websaete ea Websaete o lokela ho bonts'oa joale, o na le dikgetho tse latelang. U tla hlokomela hore lintho tse ngata tsa menu li na le lifiloso tsa keyboard tse amanang le tsona.
Lisebelisoa tsa ho fetola: E bonts'a kapa e pata sebopeho sa lisebelisoa tsa lisebelisoa, hangata se behoa ka tlase ho fensetere ea sebadi. Khetho ea Keyboard: Mac OS X ( ALT (OPTION) + COMMAND + I ), Windows ( CTRL + SHIFT + I )
Mohlophisi: O o lumella ho hlahloba le / kapa ho kenya Tlhahlobo ea CSS le HTML ho leqephe le sebetsang hammoho le lisebelisoa tse nkiloeng ka tsela e fokolang. Sesebelisoa sa Keyboard: Mac OS X ( ALT (OPTION) + COMMAND + C ), Windows ( CTRL + SHIFT + C )
Web Console: E u lumella hore u hlahise maqiti ka har'a leqephe le mahlahahlaha hammoho le ho hlahloba lintlha tse sa tšoaneng tsa data tse kenyeletsang ho akarelletsa le litemoso tsa ts'ireletso, likōpo tsa marang-rang, melaetsa ea CSS, le ho feta. Khetho ea li-keyboard: Mac OS X ( ALT (OPTION) + COMMAND + K ), Windows ( CTRL + SHIFT + K )
Debugger: JavaScript Debugger e u lumella hore u sebetse le ho lokisa litšitiso ka ho beha li-breakpoints, ho hlahloba lintlha tsa DOM, li-black boxing tse tsoang ka ntle, le tse ling tse ngata. Joalokaha ho na le Mohloli , tšobotsi ena e boetse e tšehetsa ho senyeha ha hole hole. Sesebelisoa sa Keyboard: Mac OS X ( ALT (OPTION) + COMMAND + S ), Windows ( CTRL + SHIFT + S)
Mohlophisi oa Style: E o lumella ho etsa li-stylesheet tse ncha mme o li kenyelle ka leqephe la Websaeteng e sebetsang, kapa o fetola maqephe a teng le ho hlahloba kamoo liphetoho tsa hau li hlahisang sebapali ka khanya e le 'ngoe feela. Sebopeho sa Keyboard: Mac OS X, Windows ( SHIFT + F7 )
Tshebetso: E fana ka tsenyo e qaqileng ea ts'ebetso ea marang-rang ea maqephe a mahlahahlaha, lintlha tsa lekala la foreimi, nako ea ho bolaoa le javascript, pente e khantšang, le tse ling tse ngata. Kemiso ea Keyboard: Mac OS X, Windows ( SHIFT + F5 )
Mecha: E ngolisa kopo e 'ngoe le e' ngoe ea marang-rang e qalileng ke sebapali hammoho le mokhoa o ts'oanang, sebaka sa tlhaho, mofuta, boholo, le nako e fetileng. Khetho ea Keyboard: Mac OS X ( ALT (OPTION) + COMMAND + Q ), Windows ( CTRL + SHIFT + Q )
Lebokose la Toolbar: Le bula mofetoleli oa taelo ea litaelo. Kenya thuso ho mofetoleli bakeng sa lethathamo la litaelo tsohle tse fumanehang le syntax ea bona e loketseng. Khetho ea li-keyboard: Mac OS X, Windows ( SHIFT + F2 )
WebIDE: E fana ka bokhoni ba ho bopa le ho hlahisa mananeo a Websaete ka mochine oa sebele o sebetsang ka Firefox OS kapa ka Firefox OS Simulator. Kemiso ea Keyboard: Mac OS X, Windows ( SHIFT + F8 )
Browser Console: E fana ka tshebetso e ts'oanang le Web Console (bona ka hodimo). Leha ho le joalo, boitsebiso bohle bo khutliselitsoe ke kopo eohle ea Firefox (ho kenyelletsoa lisebelisoa le mesebetsi ea sebapali) ho fapana le Websaete e sebetsang ea Websaete. Sebopeho sa Keyboard: Mac OS X ( SHIFT + COMMAND + J ), Windows ( CTRL + SHIFT + J )
Tlhophiso ea Phatlalatso ea Phatlalatso: E u lumella hore u shebe leqephe la Websaete hang-hang ka liqeto tse fapaneng, mekhoa le boholo ba lichelete ho etsisa lisebelisoa tse ngata ho akarelletsa matlapa le li-smartphone. Khetho ea li-keyboard: Mac OS X ( ALT (OPTION) + COMMAND + M ), Windows ( CTRL + SHIFT + M )
Eyedropper: E bonts'a khoutu ea mebala ea hex bakeng sa pixels e khethiloeng ka bomong.
Scratchpad : Etsa hore u ngole, u fetole, u kenyeletse le ho phetha litšoantšo tsa JavaScript ka har'a fensetere ea pop-up ea Firefox. Kemiso ea Keyboard: Mac OS X, Windows ( SHIFT + F4 )
Mohloli oa Leqephe: Sebaka sa pele sa moqapi se thehiloeng sebapeng, kgetho ena e bonts'a khoutu ea mohloli e teng bakeng sa leqephe le sebetsang. Khetho ea Keyboard: Mac OS X ( COMMAND + U ), Windows ( CTRL + U )
Fumana Lisebelisoa Tse Eketsehileng: U bula pokello ea Lebokose la Lebokose la Boqapi ho Websaete ea Mozilla, e nang le likarolo tse 12 tse tloaelehileng tse kang Firebug le Greasemonkey.
Microsoft Edge / Internet Explorer
Ka tloaelo ho thoe ke F12 ea Lisebelisoa tsa Khatiso , ho tlotlisa seqhoqho sa li-keyboard se qalileng sebopeho sa mekhoa ea khale ho Internet Explorer, sesebelisoa sa setho sa dev ho IE11 le Microsoft Edge se fihlile nako e telele ho tloha ha se thehoa ka ho fana ka sehlopha se senyenyane sa batsamaisi, li-debuggers, emulators, le li-compacters tse tsamaeang.
- Tobetsa ho Liketso tse ling tsa menu, tse emetsoeng ke matheba a mararo 'me li fumaneha karolong e ka holimo ea letsohong le letona la fensetere ea sebadi. Ha menu ea theoha e hlaha, khetha khetho e ngotsoeng F12 Developer Tools . Joalokaha ke se ke boletse, u ka boela ua fumana lithulusi ka tsela ea F12 ea khetho ea keyboard.
- Sebopeho sa nts'etsopele se lokela ho bontšoa, hangata se ka tlase ho fensetere ea sebapali. Lisebelisoa tse latelang li fumaneha, e mong le e mong o fumaneha ka ho tobetsa lihlooho tsa bona tse fapaneng kapa ho sebelisa seqamane sa keyboard.
DOM Explorer: E o lumella hore o fetole li-stylesheets le HTML leqepheng le sebetsang, o fana ka liphetho tse fetotsoeng ha u ntse u tsamaea. O sebelisa ts'ebetso ea IntelliSense ho ikhomphutha ka ho feletseng ha ho hlokahala. Moqotlo oa li-keyboard: (CTRL + 1)
Khothatso: E fana ka bokhoni ba ho fana ka tlhahisoleseding ea ho buisana le bothata ho kenyeletsa li-counters, nako, mechine le melaetsa e khethiloeng ka tsela e tsoetseng pele ka API e kenyelelitsoeng. Hape, eu lumella ho kenya khoutu ho Websaete e sebetsang ea Websaete mme o fetola litekanyetso tse abetsoeng mefuta e fapaneng ka nako ea sebele. Sesebelisoa sa Keyboard: (CTRL + 2)
Debugger: Ho u tlohela hore u behe li-breakpoints 'me u tlose khoutu ea hau ha e ntse e phetha, mohala ka line haeba ho hlokahala. Sesebelisoa sa Keyboard: (CTRL + 3)
Mecha: E ngolisa kōpo e 'ngoe le e' ngoe ea marang-rang e qalileng ke sebapali nakong ea khatello ea leqephe le ho bolaoa ho kenyeletsa lintlha tsa protocol, mofuta oa dikahare, ts'ebetso ea motlakase, le tse ling tse ngata. Khetho ea li-keyboard: (CTRL + 4)
Tshebetso: Litefiso tsa litekanyetso, lisebelisoa tsa CPU, le metrics e amanang le tshebetso ho u thusa ho potlakisa linako tsa ho laela maqephe le mesebetsi e meng. Sesebelisoa sa Keyboard: (CTRL + 5)
Khopotso: E u thusa hore u arohane le ho lokisa mekhoa e meholo ea mohopolo leqepheng la hona joale la Websaete ka ho bonts'a nako ea nako ea ho sebelisa mekhoa ea ho hopola le litheolelo tse fapaneng. Sesebelisoa sa Keyboard: (CTRL + 6)
Mohopolo: O bonts'a hore na leqephe le mahlahahlaha le ne le tla fana ka liqeto tse fapa-fapaneng le boholo ba lichelete, ho tlosa li-smartphone, matlapa le lisebelisoa tse ling. E boetse e fana ka bokhoni ba ho fetola moemeli oa mochine le ho sheba maqephe, hammoho le ho etsisa li-geolocation tse sa tšoaneng ka ho kenya sebaka le sebaka. Moqotlo oa li-keyboard: (CTRL + 7) - Ho bontsa Console ha u ntse u le ka har'a lisebelisoa tse ling, tobetsa konopo ea sekoti ka khalase e ka hare ho eona, e ka holimo ho le letona la sekoti sa lithulusi tsa ntlafatso.
- Ho senya, sebopeho sa lisebelisoa tsa lisebelisoa kahoo e fetoha fensetere e fapaneng, tobetsa konopo e emeloang ke li-rectangles tse peli kapa u sebelise tsela e latelang ea keyboard: CTRL + P. O ka beha lisebelisoa sebakeng sa bona sa pele ka ho hatella CTRL + P ka lekhetlo la bobeli.
Apple Safari (OS X feela)
Sebaka sa thepa sa mefuta e sa tšoaneng sa Safari se bontša sechaba se seholo sa theknoloji se sebelisang Mac bakeng sa moralo oa tsona le litlhoko tsa moralo. Ho phaella khopolong e matla le mekhoa ea ho loka le mekhoa e tloaelehileng, mokhoa o bonolo oa ho ithaopela ho sebedisa le ho sebedisa sesebelisoa sa hau sa boitsebiso.
- Tobetsa Safari ho menu ea sebapali, e ka holimo ho skrine ea hau. Ha menu ea theoha e hlaha, khetha Likgetho . U ka boela ua sebelisa mokhoa o latelang oa lebokose sebakeng sa ntho ena ea menu: COMMAND + ETSA (,)
- Safari's Preferences interface e lokela ho bonts'a hona joale, ho koahela fensetere ea hau ea sebapali. Tobetsa ho letšoao le tsoetseng pele , le ka letsohong le letona le letona la hlooho.
- Lintho tseo u li ratang haholo li lokela ho bonahala hona joale. Botlaaseng ba skrine ena ke khetho e ngotsoeng Hlahisa Phahamisa menu horeng ea menyetla , e tsamaisane le lebokose la lebokose. Haeba ho se na letšoao le bontšitsoeng lebokoseng, tobetsa ho lona ka lekhetlo le le leng ho beha moo.
- Tlosa sebopeho sa Lintlheng ka ho tobetsa 'x' e khubelu e fumanehang ka holimo ka letsohong le letšehali.
- Hona joale o lokela ho hlokomela khetho e ncha ho sebapali sa menu se bitsoang Ho ntshetsa pele , se pakeng tsa Bookmarks le Window . Tobetsa hothathamo ena ea menu. Lenaneo le theoha le tlameha ho bonts'oa, le nang le dikgetho tse latelang.
Tlosa leqephe ka: Ho u lumella ho bula leqephe la Websaete le sebetsang ho e 'ngoe ea li-browser tse ling tseo hona joale li kentsoeng Mac.
Moemeli oa Moemeli: Etsa hore u khethoe ho tloha ho tse 12 tse qaqileng tse sebelisitsoeng tsa moemeli oa mochine ho akarelletsa le liphetoho tse 'maloa tsa Chrome, Firefox le Internet Explorer, hammoho le ho hlalosa thotho ea hau ea tloaelo.
Kenya Mekhoa ea Moqapi oa Boipheliso : E fana ka leqephe la kajeno joalokaha le ne le tla hlaha litsing tse fapa-fapaneng le liqetjanong tse fapaneng tsa skrine.
Bontša Mohloli oa Websaete: Ho qala lisebelisoa tse ka sehloohong tsa lisebelisoa tsa Safari's dev, tse behiloeng ka tlase ho skrine ea hau ea sebapali 'me li na le likarolo tse latelang: Lihlooho , Lenaneo , Lisebelisoa , Mehla ea nako , Debugger , Storage , Console .
Bontša Sesosa sa Phoso: E boetse e romela lisebelisoa tsa lisebelisoa tsa dev, ka ho toba tabeng ea Console e bontšang liphoso, litemoso le boitsebiso bo bong bo ka fumanoang.
Mohloli oa Lihlooho : O bula lisebelisoa tsa thepa , e bontšang khoutu ea mohloli bakeng sa leqephe le sebetsang le arolelitsoeng ke tokomane.
Hlahisa Lisebelisoa tsa Leqephe: O etsa mosebetsi o tšoanang le mohloli oa Mohloli oa Page .
Hlahisa Snippet Editor: O bula fensetere e ncha moo u khonang ho kenya CSS le khoutu ea HTML, ho hlahloba hore na e tsoa hokae.
Bontša Moqapi oa Ts'ebetso: E fana ka bokhoni ba ho bopa kapa ho fetola lisebelisoa tsa Safari ka CSS, HTML le JavaScript.
Bontša Tlhaloso ea Nako: E bula temo tab le ho qala ho bonts'a likōpo tsa marang-rang, ho hlahisa le ho fana ka tlhahisoleseding hammoho le ho senya JavaScript ka nako ea sebele.
Ntle ho Caches: E tlosa cache eohle e bolokiloeng ho hard drive ea hau.
Tlosa Caches: E emisa Safari ho tloha caching e le hore lintho tsohle li fumanehe ho tswa ho seva holim'a lefa le leng le le leng la leqephe.
Thibela Litšoantšo: Thibela litšoantšo ho tsoa ho lipale tsohle tsa Maqephe.
Thibela Mekhoa ea Tsela: E hlokomoloha thepa ea CSS ha leqephe le laoloa.
Tlosa JavaScript: E thibela maqephe ohle maqephe a JavaScript.
Thibela mekhoa ea ho eketsa: E thibela lisebelisoa tsohle tse kentsoeng ho tsoa ka har'a sebapali.
Hlakola Hacks e khethehileng ea Sebaka: Haeba Safari e fetotsoe ho sebetsana ka ho hlaka taba (s) tse tobileng ho Websaete e sebetsang, Web'ebetso ena e tla thibela liphetoho tseo e le hore leqephe le jare ka tsela eo e neng e tla ba le eona pele ho etsoa liphetoho tsena.
Hlola lithibelo tsa Fono tsa Naha: E lumella sebadi hore se fumane lifaele tsa disk tsa hau tsa sebakeng seo, ketso e thibetsoeng ka ho sa feleng bakeng sa mabaka a tšireletso.
Thibela lithibelo tse kenang sepakapakeng : Lithibelo tsena li behoa ka ho sa feleng ho thibela XSS le likotsi tse ling tse ka 'nang tsa e-ba teng. Leha ho le joalo, hangata ba hloka ho ba le bokooa ba nakoana bakeng sa merero ea ntlafatso.
Lumella JavaScript ho Smart Search Field: Ha e nolofalitsoe, e fana ka bokhoni ba ho kenya URL ka javascript: e kenngoa ka ho toba kahare ea aterese.
Tšoara Li-Certificate tsa SHA-1 e le Insecure: Likoloiti tsa SSL tse sebelisang SHA-1 algorithm li nkoa e le tsa nako e telele le tse kotsing.