Ona HTML neCSS yeWebhu Page
Iyo webhusaiti inovakwa nemitsara yekodhi , asi chigumisiro mapeji chaiwo ane mifananidzo, video, mafonti nezvimwe. Kuti uchinje chimwe chezvinhu izvi kana kuti ona kuti chii, unofanirwa kuwana mutsara chaiwo wekodhi inoitungamirira. Iwe unogona kuita izvozvo nechimwe chinhu chekuongorora chekushandisa.
Nzvimbo dzakawanda dzewebhu dzekushandura hazvikuiti kuti utore chigadzirwa chekuongorora kana kuisa add-on. Pane kudaro, vanokubvumira zvakananga pane peji yepaji uye sarudza Ongorora kana Ongorora Element . Zvisinei, izvi zvinogona kunge zvakasiyana zvakanyanya mu browser yako.
Ongorora Zvinhu Zviri muChrome
Shanduro dzeGoogle Chrome dzinoshandiswa kare iwe ngazviite kuti uongorore peji nenzira shomanana, iyo yose inoshandisa iyo yakavakwa mukati meGoogle DevTools:
- Kanda pane chimwe chinhu pane peji (kana nzvimbo isina chinhu) uye sarudza Ongorora
- Pinda Ctrl + Shift + I keyboard shortcut
- Shandisai Chrome menyu kuti muwane Zvimwe Zvishandiso> Shanduro dzekushandura matanho
IGoogle DevTools inokuita kuti uite zvinhu zvakanyatsokopa kana kushandura mitsetse yeHTML kana kuvanza kana kubvisa zvinhu zvachose (kusvikira peji reloads).
Kamwe DevTools inotanga kune rumwe rutivi rwepeji, unogona kuchinja pane iyo yakagadzika, kuipota kubva peji, tsvaga mafaira ose epaji, sarudza zvinhu kubva peji kuitira kuti uongorore, mafaira ekukopa uye URLs, uye kunyange kuchinja boka yezvirongwa.
Ongorora Zvinhu Zviri muFirafox
Kufanana neChrome, Firefox ine nzira shomanana dzekuzarura chigadzirwa chayo chinonzi Inspector:
- Sarudza pakananga nzvimbo isina chinhu pane peji kana kusarudza chimwe chinhu, uye sarudza Ongorora Element
- Pinda Ctrl + Shift + T kana Ctrl + Shift + I nebhokisi
- Kubva pane yemenyu yeFirefox, chengetedza Unyanzvi > Inspector
- Kubva pane Zvinyorwa menyu, chengetai Web Developer> Inspector
Sezvaunotungamira mouse yako pamusoro pezvikamu zvakasiyana-siyana muFoodfox, iyo Inspector tool inowanzowana iyo element's source code information. Dhinda chimwe chinhu uye "in-the-fly-search" ichamira uye iwe unogona kuongorora chinhu kubva pawindo re Inspector.
Chora-chengetedza chimwe chinhu kuti uwane zvose zvinotsigirwa. Iwe unogona kuita zvinhu zvakagadzirisa peji se HTML, kopi kana kuisa mukati kana kunze kunze kwekhodi ye HTML, kuratidza DOM zvinhu, screenshot kana kubvisa node, nyore nyore kushandisa zvitsva zvitsva, ona zvose zveCSS peji, nezvimwe.
Ongorora Zvinhu Zviri muOpera
Opera inogona kuongorora zvinhu zvakare, pamwe neDOM Inspector thuluzi yakafanana neChrome's. Heino nzira yekuenda nayo:
- Shandisa zvishoma pakutsinhanisi yeChrl + Shift + I
- Enda ku Menu> Zvimwe Zvimwe> Ratidza Dandemusheni menyu , uye wozarura menyu kuburikidza neMenu> Mudhivisi> Matandisirwo Enyika
- Kubva kurudyi-diki menu pane chero chinhu chiri papeji, sarudza Ongorora chinhu
Ongorora Zvinhu Zviri muIndaneti Explorer
Izvo zvakaongororwa chinhu chechigadzirwa, chinonzi Developer Tools, chinowanika muInternet Explorer:
- Dhinda F12 pane keyboard
- Shandisa Zvishandiso> F12 Mushanduri Menyu yeMusarudzo (shandisa Alt + X kana iwe usingaoni Materi menyu)
- Kanda-kona pane peji uye chengeta Chengeta Element
IE ine A Select element tool in iyi mitsva inokurudzira kuti uone pane chero peji yepaji kuti uone zvinyorwa zvayo zve HTML neCSS. Iwe unogona zvakare kuvhara nyore / kubvumira chinhu chinosimbisa paunenge uchitsvaga kuburikidza neDOM Explorer tab.
Kungofanana nedzimwe nhengo chekuongorora zvishandiso mumashandisirwo ari pamusoro apa, Internet Explorer inokubvumira kubvisa, kopi, uye kuisa zvinhu pamwe nekugadzirisa HTML, kuwedzera zvigadziro, ikopi zvinyorwa nemashiripiti akabatanidzwa, nezvimwe.