Mmene Mungagwiritsire Ntchito Webusaiti Yotsatsa Oyambitsa Webusaiti

Zida zojambulidwa za mafakitale a Web, opanga ndi oyesa

Kuphatikiza pa ojambula ambiri omwe amagwiritsa ntchito makasitomala a tsiku ndi tsiku akuyang'ana pa Webusaiti, amathandizanso olemba Webusaiti, ojambula ndi akatswiri otsimikiziranso zapamwamba omwe amathandiza kumanga mapulogalamu ndi malo omwe abasebenzisiwa akukwaniritsa mwa kuphatikiza zida zamphamvu m'masakatuli iwowo.

Zilibe masiku omwe mapulogalamu okha ndi zida zoyesera zomwe zimapezeka mkati mwa osakatulo anakulolani kuti muwone tsamba lachinsinsi la tsamba ndi zina. Masakatuli amakono amakulolani kuti muyambe kuthamanga mozama pochita zinthu monga kuchita ndi kudula mazenera a JavaScript, kuyang'ana ndi kukonza zinthu za DOM, kuyang'anitsitsa kayendetsedwe kake kamene kamangidwe kazitsulo monga mapulogalamu anu kapena tsamba lothandizira kudziwa zovuta, kufufuza machitidwe a CSS, kutsimikizira kuti code yanu ndi osagwiritsa ntchito kukumbukira kwambiri kapena zochitika zambiri za CPU , ndi zina zambiri. Kuchokera pakuyesedwa, mungathe kubwereza momwe pulogalamu kapena Webusaitiyi idzaperekere m'masakatuli osiyanasiyana komanso magulu osiyanasiyana ndi mapulaneti osiyanasiyana pogwiritsa ntchito matsenga a zomangamanga ndi omangidwira. Gawo labwino kwambiri ndiloti mungathe kuchita zonsezi popanda kusiya musakatuli wanu!

Ophunzitsidwa m'munsimu akukuyendetsani momwe mungapezere zipangizo zamakina osungirako m'masewera ambiri otchuka a Webusaiti.

Google Chrome

Getty Images # 182772277

Zida zopangira Chrome zimakulolani kuti mukonze ndikutsutsa ndondomeko, kuyesa zigawo zikuluzikulu kuti ziwonetsetse zomwe zikuchitika, yesani zojambula zosiyana siyana zomwe zikuphatikizapo zogwiritsa ntchito Android kapena iOS , ndikuchita ntchito zina zingapo zothandiza.

  1. Dinani pazitsulo zazikulu za Chrome, zolembedwa ndi mizere itatu yopingasa ndipo ili mu ngodya yapamwamba ya dzanja la msakatuli.
  2. Pamene masewera akutsikira akuwonekera, sungani mouse yanu malonda pa Zida Zambiri .
  3. Mndandanda wamakono uyenera kuwoneka. Sankhani njira yotchedwa Tools Developer . Mukhozanso kugwiritsa ntchito njira yotsatirayi yachinsinsi m'malo mwa chinthu ichi: Chrome OS / Windows ( CTRL + SHIFT + I ), Mac OS X ( ALT (OPTION) + COMMAND + I )
  4. Chojambula cha Chrome Chrome Tools chiyenera kuwonetsedwa tsopano, monga momwe zasonyezedwera muchithunzichi chachitsanzo. Malingana ndi Chrome yanu, dongosolo loyambirira lomwe mukuwona lingakhale losiyana kwambiri ndi lomwe laperekedwa pano. Chophimba chachikulu cha zipangizo zomangamanga, zomwe zimapezeka pansi kapena kumanja kwa chinsalu, chili ndi ma tabo otsatirawa.
    Zinthu: Amapereka mphamvu yowunika CSS ndi HTML komanso kusintha CSS paulendo, powona zotsatira za kusintha kwanu mu nthawi yeniyeni.
    Chilimbikitso: Chrome's JavaScript console imalola kuti alowe mwachindunji komanso kutsegula malingaliro.
    Zotsatira: Zimakulepheretsani kugwiritsira ntchito JavaScript pogwiritsa ntchito mafilimu amphamvu.
    Maselo: Amagwiritsa ntchito ndi kuwonetsa tsatanetsatane wokhudzana ndi ntchito iliyonse yokhudzana ndi ntchito yogwira ntchito kapena tsamba, kuphatikizapo omvera onse omwe akufunsidwa ndi oyankhidwa ndi machitidwe oyendetsera nthawi.
    Mndandanda: Umalola kufufuza mwakuya kwa ntchito zonse zomwe zikuchitika mkati mwa osatsegula pokhapokha ngati pempho la tsamba kapena pulogalamu yakhazikitsidwa.
  5. Kuphatikiza pa zigawozi, mukhoza kupeza zowonjezera zida kudzera pa >> chizindikiro, chomwe chiri kumanja kwa nthawi ya Timeline .
    Mbiri: Yagwetsedwa mu CPU ndikulemba zigawo zogwiritsira ntchito, imapereka ntchito yogwiritsira ntchito kukumbukira ndi nthawi yowonongeka yogwira ntchito kapena tsamba.
    Chitetezo: Mavuto akuluakulu a chiphaso ndi zochitika zina zokhudzana ndi chitetezo ndi tsamba yogwira ntchito kapena ntchito.
    Zowonjezera: Apa ndi pamene mungathe kuyang'ana ma cookies, yosungirako, malo osungirako mapulogalamu, ndi malo ena a deta omwe akugwiritsidwa ntchito ndi tsamba lino la webusaiti kapena ntchito.
    Ndemanga: Amapereka njira zowonjezeretsa tsamba kapena nthawi yothandizira ndi ntchito zambiri.
  6. Njira yamakono imakupatsani mwayi wowona tsamba lothandizira pazithunzi zomwe zimawoneka ngati momwe ziyenera kuonekera pa imodzi mwa zipangizo khumi ndi ziwiri, kuphatikizapo mafilimu odziwika bwino a Android ndi iOS monga iPad, iPhone, ndi Samsung Galaxy. Mumapatsidwa mwayi wotsanzira malingaliro owonetsera mwambo kuti mugwirizane ndi zosowa zanu zowonjezera kapena zoyesedwa. Kuti musinthe kapena kuchotsa Machitidwe a chipangizo , sankhani chizindikiro cha foni yam'manja chomwe chili kumanzere kwa tabu Zachigawo.
  7. Mukhozanso kuwongolera mawonekedwe anu opanga mapulogalamu poyang'ana pa batani la menyu loyimiridwa ndi madontho atatu omwe ali pambali ndipo ali pambali yakanja lamanja la ma tatimatchula. Kuchokera mkati mndandanda wotsika pansi pano, mukhoza kuyimitsa dock, kusonyeza kapena kubisa zipangizo zosiyana komanso kuyambitsa zinthu zowonjezera monga woyang'anira chipangizo. Mudzapeza kuti zipangizo zowonongeka zokhazokha zimagwiritsidwa ntchito pamasewero omwe ali m'gawo lino.
Zambiri "

Firefox ya Mozilla

Getty Images # 571606617

Gawo lokonzekera pa Webusaiti ya Firefox likuphatikizapo zipangizo za okonza, opanga, ndi oyesera mofanana monga mkonzi wamasewero ndi oyang'ana pamakona oyang'ana pixel.

Kulimbikitsidwa Kuwerenga: The Top 25 Greasemonkey ndi Tampermonkey User Scripts

  1. Dinani pa batani a masewera a Firefox, omwe amaimiridwa ndi mizere itatu yopanda malire ndipo ili pa ngodya yapamwamba yazenera pawindo lasakatuli.
  2. Pamene masewera akutsikira akuwonekera, sankhani chizindikiro chomwe chidatchedwa Developer . Menyu Yotsatsa Webusaiti iyenera kuwonetsedwa, yomwe ili ndi zotsatirazi. Mudzazindikira kuti zinthu zambiri zamasewera zili ndi zifupizifupi zachinsinsi zomwe zimagwirizana nawo.
    Zosintha Zosintha: Amawonetsa kapena amabisa mawonekedwe osungirako zipangizo, omwe amaikidwa pansi pawindo la osatsegula. Chotsitsa chakhibhodi: Mac OS X ( ALT (OPTION) + COMMAND + I ), Windows ( CTRL + SHIFT + I )
    Woyang'anira: Amakulolani kuti mufufuze ndi / kapena kusintha CSS ndi HTML code pa tsamba lothandizira komanso pa chipangizo chogwiritsira ntchito pogwiritsa ntchito njira yochotsera. Chotsitsa chabodibodi: Mac OS X ( ALT (OPTION) + COMMAND + C ), Windows ( CTRL + SHIFT + C )
    Webusaiti ya Webusaiti: Ikuthandizani kufotokoza ma JavaScript mkati mwa tsamba lothandizira ndikuwonanso deta yamtundu wosiyanasiyana kuphatikizapo machenjezo a chitetezo, zopempha zamtundu, mauthenga a CSS, ndi zina. Chotsitsa chakhibhodi: Mac OS X ( ALT (OPTION) + COMMAND + K ), Windows ( CTRL + SHIFT + K )
    Debugger: JavaScript Debugger imakulolani kukuthandizani ndikukonza zolakwika poika mapulogalamu osokoneza bongo, kuyang'ana DOM node, zofiira zakuda zakunja, ndi zina zambiri. Monga momwe zilili ndi Inspector , chigawochi chimathandizanso kudalitsa dera. Chotsitsa chakhibhodi: Mac OS X ( ALT (OPTION) + COMMAND + S ), Windows ( CTRL + SHIFT + S)
    Mkonzi wa Zithunzi: Amakulolani kupanga mapepala atsopano ndikuziphatikiza ndi tsamba lothandizira Webusaiti, kapena kusintha mapepala omwe alipo ndikuyesera momwe kusintha kwanu kumapangitsira musakatuli ndi kokha kokha. Chotsitsa chabodibodi: Mac OS X, Windows ( SHIFT + F7 )
    Zochita: Zimapereka kusokoneza mwatsatanetsatane wa machitidwe a mawebusaiti omwe akugwira ntchito, deta ya pulaneti, nthawi ya JavaScript, kutsekemera, ndi zina zambiri. Chotsitsa chabodibodi: Mac OS X, Windows ( SHIFT + F5 )
    Ulalo: Lembani pempho lililonse la makanema loyambitsidwa ndi osatsegula pamodzi ndi njira yofanana, chiyambi, chikhalidwe, kukula, ndi nthawi. Chotsitsa chabodibodi: Mac OS X ( ALT (OPTION) + COMMAND + Q ), Windows ( CTRL + SHIFT + Q )
    Bwanamkubwa Wothandizira: Watsegula mzere womasulira wotsogolera. Lowetsani chithandizo kwa womasulira kuti adziwe mndandanda wa malamulo onse omwe alipo komanso syntax yawo yoyenera. Chotsitsa chachibokosibodi: Mac OS X, Windows ( SHIFT + F2 )
    WebIDE: Amapereka mphamvu yokonza ndikuyambitsa mapulogalamu a pa Web pogwiritsa ntchito chipangizo chomwe chikugwira ntchito Firefox OS kapena kudzera mu Firefox OS Simulator. Chotsitsa chachibokosibodi: Mac OS X, Windows ( SHIFT + F8 )
    Chosakaniza Chosaka: Amapereka ntchito yomweyo monga Web Console (onani pamwambapa). Komabe, deta yonse yabwerezedwa ndi ntchito yonse ya Firefox (kuphatikizapo zowonjezera ndizomwe zimagwiritsidwa ntchito ndi osatsegula) zotsutsana ndi tsamba lokhazikika la Webusaiti. Chotsitsa chachibokosibodi: Mac OS X ( SHIFT + COMMAND + J ), Windows ( CTRL + SHIFT + J )
    Kuwonetsa Design View: Kukulolani kuti muwone tsamba la webusaiti mosiyana ndi malingaliro, zigawo, ndi zojambula zazithunzi kuti muzitsanzira zipangizo zambiri kuphatikizapo mapiritsi ndi matelefoni. Chotsitsa chabodibodi: Mac OS X ( ALT (OPTION) + COMMAND + M ), Windows ( CTRL + SHIFT + M )
    Eyedropper: Akuwonetsa ndondomeko ya mtundu wa hex kwa pixel yapadera.
    Scratchpad : Lembani kulemba, kusinthira, kuphatikizana ndikupanga malemba a JavaScript mkati mwawindo la Firefox. Chotsitsa chachibokosibodi: Mac OS X, Windows ( SHIFT + F4 )
    Tsamba la Tsamba: Choyambirira chokhazikitsira osatsegula chida, njirayi ikuwonetsera ndondomeko yoyenera yomwe ikupezeka pa tsamba lothandizira. Njira yokha yabodibodi: Mac OS X ( COMMAND + U ), Windows ( CTRL + U )
    Pezani Zida Zambiri: Yatsegula Zowonjezera Zamakono pa Webusaiti ya Mozilla pazowonjezeredwa, zomwe zili ndi zowonjezera khumi ndi ziwiri monga Firebug ndi Greasemonkey.
Zambiri "

Microsoft Edge / Internet Explorer

Getty Images # 508027642

Kawirikawiri amatchedwa F12 Developer Tools , kupembedza kwa njira yachinsinsi yomwe yakhazikitsa mawonekedwe kuchokera pa Internet Explorer poyamba, chida cha tool dev mu IE11 ndi Microsoft Edge chafika kutali kuyambira pakuyambika kwake popereka gulu lothandizira kwambiri oyang'anira, owonetsa, owonetsa, komanso olemba mapulaneti.

  1. Dinani pa Zochita zambiri Zowonjezera , zoimiridwa ndi madontho atatu ndipo zili mu ngodya yapamwamba yazenera pazenera. Pamene menyu yotsitsa ikuwonekera, sankhani njira yotchedwa F12 Developer Tools . Monga ndatchulira kale, mutha kugwiritsa ntchito zipangizo pogwiritsa ntchito F12 keyboard.
  2. Chithunzi chokonzekera chikuyenera kuwonetsedwa, makamaka pansi pa zenera lazithukuta. Zida zotsatirazi zilipo, kupindula kulikonse mwa kuwonekera pazithunzi zawo kapena pogwiritsa ntchito njira yofikira.
    DOM Explorer: Ikuthandizani kusintha mafilimu ndi HTML pa tsamba lothandizira, ndikupereka zotsatira zomwe mwasintha pamene mupita. Amagwiritsa ntchito ndondomeko ya IntelliSense kuti adziwonetsere chikhomodzinso pomwe mukuyenera. Njira yotsitsirama yachinsinsi: (CTRL + 1)
    Chilimbikitso: Amapereka mphamvu zowonjezera chidziwitso chotsutsa malingaliro kuphatikizapo ziwerengero, nthawi, ndondomeko, ndi mauthenga omwe amasinthidwa kudzera mwa Integrated API. Ndiponso, amakulowetsani kachidutswa kajambulo pa tsamba la Webusaiti yogwira ntchito ndikusintha zomwe zimaperekedwa pazosiyana pa nthawi yomweyi. Kusintha kwa makedoni: (CTRL + 2)
    Debugger: Kukulolani kuti muike mavokosi a pulogalamu yanu ndikutsutsa ndondomeko yanu pamene ikuchita, mzere ndi mzere ngati kuli kofunikira. Njira yotsitsirama yachinsinsi: (CTRL + 3)
    Mndandanda : Lembani pempho lililonse la makanema loyambitsidwa ndi osatsegula pa tsamba katundu ndi kupha kuphatikizapo ndondomeko ya protolo, mtundu wokhutira, kugwiritsidwa ntchito kwagwedeti, ndi zina zambiri. Njira yotsitsirama yachinsinsi: (CTRL + 4)
    Zochita: Zowonongeka kwa mafotokozedwe, CPU ntchito, ndi machitidwe ena okhudzana ndi ntchito zothandiza kukuthandizani kuthamanga nthawi zosungiramo tsamba ndi ntchito zina. Njira yotsitsirama yachinsinsi: (CTRL + 5)
    Kukumbukila: Kumakuthandizani kudzipatula ndikukonzekera zomwe mungakumane nazo pa tsamba la webusaiti yomwe ili pakali pano ponyamula ndondomeko yogwiritsira ntchito kukumbukira nthawi ndi nthawi zosiyana siyana. Njira yotsitsirama yachinsinsi: (CTRL + 6)
    Chiwonetsero: Akuwonetsani momwe tsamba lolimbikira lidzaperekerere muzoyanjanitsa zosiyanasiyana ndi mazenera, kutulutsa mafoni a m'manja, mapiritsi, ndi zipangizo zina. Amaperekanso mphamvu yosintha wogwiritsira ntchito komanso maulendo a tsamba, komanso kuwonetsera zosiyana siyana pogwiritsa ntchito chigawo ndi longitude. Njira yochepetsera: (CTRL + 7)
  3. Kuti muwonetse Console mkati mwa zida zinazo dinani pa batani lalikulu ndi bracket yolumikiza mkati mwake, yomwe ili kumbali yakumanja yachitukuko cha zipangizo zowonjezera.
  4. Kuti musinthe, zida zogwirira ntchito zimagwirizanitsa kotero zimakhala zenera lapadera, dinani pakani yomwe imayimilidwa ndi makina awiri otsekemera kapena mugwiritse ntchito njira yotsatirayi: CTRL + P. Mukhoza kubwezeretsa zipangizo zawo kumalo awo oyambirira powakakamiza CTRL + P kachiwiri.

Apple Safari (OS X kokha)

Getty Images # 499844715

Seti yamasewera osiyanasiyana a Safari amasonyeza gulu lalikulu lokonza makina omwe amagwiritsira ntchito Mac pokonza ndi pulogalamu yawo. Kuphatikiza pa chithunzithunzi champhamvu ndi zolemba zamakhalidwe ndi ziwonetsero zobwereza, njira yosavuta yogwiritsira ntchito makonzedwe apangidwe ndi chida chothandizira zowonjezera zowonjezera zimaperekedwanso.

  1. Dinani pa Safari mu menyu yoyanja, yomwe ili pamwamba pazenera. Pamene masewera akutsikira akuwonekera, sankhani Zofuna . Mungagwiritsenso ntchito njira yotsatilayi yotsatila m'malo mwa chinthu ichi: MALO ENA (,)
  2. Chosankhidwa Chosankhidwa cha Safari chiyenera kuwonetsedwa, ndikuphimba zenera lanu. Dinani pa chithunzi chachikulu, chomwe chili pambali ya kumanja kwa mutu.
  3. Zotsatila Zapamwamba ziyenera kuoneka tsopano. Pansi pa chithunzi ichi ndizomwe mungatchule Onetsani Pangani menyu mu bar ya menyu , pamodzi ndi bokosi la cheke. Ngati palibe chizindikiro chomwe chikuwonetsedwa mu bokosi, dinani pa kamodzi kuti muikepo apo.
  4. Tsekani zojambula Zomwe Mungakonde mwa kuwonekera pa 'x' yofiira yomwe ili mu ngodya yapamwamba.
  5. Mukuyenera tsopano kuzindikira chotsatira chatsopano mumsakatuli wotchedwa Kukulitsa , yomwe ili pakati pa Bookmarks ndi Window . Dinani pa chinthu cha menyu. Menyu yotsitsa ikuyenera kuwonetsedwa, yomwe ili ndi zotsatirazi.
    Tsegulani tsamba ndi: Ikuthandizani kuti mutsegule tsamba la Webusaiti yogwiritsidwa ntchito mumodzi mwasakatuli omwe panopa mwaikidwa Mac.
    Mtumiki Wogwiritsa Ntchito: Ndikulolani kuti musankhe kuchokera pa khumi ndi awiri owonetseratu malonda omwe amagwiritsidwa ntchito, kuphatikizapo Chrome, Firefox ndi Internet Explorer, komanso kumasulira ndondomeko yanu.
    Lowetsani Njira Yokonzekera Yopangira : Ikupereka tsamba lomwe liripo pakali pano ngati likuwonekera pa zipangizo zosiyanasiyana komanso pazokambirana zosiyana siyana.
    Onetsani Woyang'anira Webusaiti: Yayambitsa mawonekedwe akuluakulu a Zida za Safari, omwe amaikidwa pansi pa tsamba lanu lasakatuli ndipo ali ndi zigawo zotsatirazi: Zida , Network , Resources , Timelines , Debugger , Storage , Console .
    Onetsani Chiwonetsero Chachinyengo: Ikutsitsimutsani zipangizo zowonongolera, mwachindunji ku tabu ya Console yomwe imasonyeza zolakwika, machenjezo, ndi deta ina yofufuzira.
    Onetsani Tsamba: Yatsegula Resources tab, yomwe ikuwonetsa makalata apamwamba pa tsamba lothandizira lomwe liri ndi ndondomeko.
    Onetsani Zowonjezera Tsamba: Akuchita ntchito yomweyi monga chitsimikizo cha Tsamba la Show .
    Onetsani Snippet Editor: Yatsegula zenera latsopano momwe mungalowere CSS ndi HTML code, ndikuwonetseratu zotsatira zake.
    Onetsani Zomangamanga Zowonjezera: Amapatsa mphamvu yokonza kapena kusintha zowonjezera Safari ndi CSS, HTML, ndi JavaScript.
    Onetsani Kujambula kwa Nthawi: Amatsegula tabu ya Timeline ndikuyamba kuwonetsa zofunsira, kupanga ndi kupereka chidziwitso komanso JavaScript kuphedwa nthawi yeniyeni.
    Sakani Caches: Chotsani cache yonse yosungidwa pa hard drive yanu.
    Khutsani Makasitomala: Amasiya Safari kuchoka ku caching kotero kuti zonse zakutulutsidwa kuchokera pa seva pa tsamba lililonse.
    Khutsani Zithunzi: Amaletsa zithunzi kuchokera pa kutsegula pa masamba onse.
    Khutsani Mafilimu: Amatsutsa CSS katundu pamene tsamba limasungidwa.
    Khutsani JavaScript: Imalola JavaScript kuphedwa pamasamba onse.
    Khutsani Zowonjezeretsa: Zimatsutsa zowonjezera zonse zomwe zimayikidwa pothamanga mkati mwa osatsegula.
    Khutsani Ma Hake enieni a Site: Ngati Safari yasinthidwa kuti iwonetsetse bwinobwino nkhani (tsamba) lomwe likugwira ntchito pa tsamba la webusaiti, chotsatirachi chidzatseka kusintha kumeneku kuti tsambalo lizikhala momwe zingakhalire musanayambe kusinthidwa.
    Khutsani Zitetezo Zamaofesi a M'deralo: Iloleza msakatuli kukhala ndi mafayilo ku disks zakutchire, chinthu chimene chimangokhala chosasinthika chifukwa cha chitetezo.
    Lembetsani Zopinga Zoyambira Pambuyo: Zoyimitsa izi zimayikidwa mwachisawawa kuteteza XSS ndi zoopsa zina. Komabe, kawirikawiri amafunika kukhala olumala kwa kanthawi kwachitukuko.
    Lolani JavaScript ku Smart Search Field: Ngati yathandiza, imatha kulowetsa ma URL ndi javascript: inayikidwa mwachindunji ku bar.
    Gwiritsani Zopatsa SHA-1 monga Zosakaniza: Zopereka SSL pogwiritsira ntchito SHA-1 algorithm amadziwika kuti ndi opanda pake komanso osatetezeka.