Çawa Kodê Koda Koda Rûpelê li Her Browser

Di malpera ku hûn xwendin têne çêkirin, ji nav tiştên din, çavkaniya çavkaniyê. Ew agahdariya malperên gerîlêdana gerdûnî ye û wergera ku hûn çi dixwînin hîn dikin.

Gelek gerokên gerîlêdana kodê çavkaniya malperê bibînin ku bi pêdivî ye ku pêdivî ye ku pêdivî ye ku pêdivî ye, pêdivî ye ku tu kîjan cîhazê li ser xwe.

Hin hin jî karûbar û karûbarên pêşniyaz pêşkêş dikin, da ku hêsantir bi HTML-ê û kodê bernameyên din ên li ser rûpelê perus bikin.

Çima Tu Dixwaze Koda Çavkaniya Çavkaniyê bibînin?

Gelek sedem hene ku hûn dikarin dixwazin ku koda çavkaniya rûpelê bibînin. Heke hûn di pêşveçûna webê de, dibe ku hûn dixwazin ku di bin kursiyê de bernameyeke taybet a şêwirmend an pêvajoya din. Dibe ku hûn di ewlehiya kalîteyê de û hewl didin ku çiqas hinek beşek malpera rendering an rêbazê rêve dike.

Hûn dikarin bi destpêkê dixebitin ku bizanibin ka çawa pirtûkên xwe binivîsin û mînakên cîhanên hinek rastîn digerin. Bê guman, ev e ku hûn ne ji van van kategoriyan de nebin û tenê dixwazin çavkaniya cenazeyê ji çavkaniya xwe bibînin.

Belkî li jêr têne rêvebirin têne kirin ku li ser geroka bijartina çavkaniya kodê çawa bibînin.

Google Chrome

Rûniştinê: Chrome OS, Linux, macOS, Windows

Vebijêrk-yê Kronê sê rêbazên cuda cuda dike ku ji koda çavkaniya rûpelê bibînin, yekem û herî hêsan e ku bi karanîna jêrîn kurteya klavyeyê jêrîn bikar bînin: CTRL + U ( COMMAND + OPTION + U li macOS).

Dema ku dagir kir, vê kurtefîlmê tabloya nû ya nûveke HTML-ê û kodek din ji bo rûpelê çalakî veke. Ev çavkaniyek reng-rengî ye û bi awayekî veguherî ye ku ew hêsantir dike ku hûn li kê digerin bibînin. Hûn dikarin li wir binivîse ku di navnîşa jêrîn de di nav barê adresa Chromeê de, navnîşê çepê yê malpera malpera malperê û bişkojka Enterê: Çavkaniya çavkaniyê: ((çavkaniya çavkaniyê: https: // www .).

Methodê sêyem bi rêya amûrên pêşkeftî yên Kromayê ye , ku hûn destnîşan dikin ku di nav koda pûpê de hem jî ji bo armancên pêşveçûn û pêşveçûnê tewak bikin. Navnîşana amûrên pêşveçûnê dikare dikarin bi karanîna vê kurteya klavyeyê vekin û vekin û were girtin: CTRL + SHIFT + I ( COMMAND + OPTION + I li macOS). Hûn dikarin bi rêya rêberê jêrîn digirin.

  1. Li ser peldanka sereke ya Chromê, li korê çepê yê kevnê yê li binêrîn û sê alîyê dotên vertîk-alî tê nîşandan.
  2. Dema ku pergala dol-downê tê xuya dike, li ser kursa xwe ya li ser Hoverê hilbijêre More tool options.
  3. Dema ku sub-menu tê xuyakirin, li ser malperên Pêşvebirê bitikîne.

Android
Çavkaniyek pirtûka pirtûka malpera di Chrome-ê Android de hêsan e ku wekî tekstê jêrîn li pêşiya navnîşana wê (an jî URL) veguherîne û pêşkêş bikin: çavkaniya çavkaniyê:. Wek mînakek wê bibînin-çavkaniyê: https: // www. . HTML û koda din ji pirtûka pirsê di paceyê çalak de çalakî tê xuya kirin.

iOS
Dema ku li ser iPad-ê, iPad-an jî iPod-iPod-ê, hêsantirîn û herî bandor e ku çareseriya pergala sêyemîn-ê wekî çavkaniya Çavkaniya Çavkanî ye.

Ji bo App Store in $ 0.99 li Ser App Store, Çavkanî Çavkanî dide ku hûn têkevin navnîşana navnîşê ya navnîşan (yan jî kopî / ê / ê / ê / barê navnîşa kodê ya Chrome-ê, ku carinan bi awayekî herî hêsan e) tête navnîşan e û ew e. Herweha ku ji bo HTML û çavkaniya çavkaniya din nîşan bide, an jî heb hene ku xwediyên sîgorteyên kesane nîşan bide, Modela Dokumenta DOM (DOM), herweha pîvana rûpelê, kûçik û agahdariyên balkêş ên din.

Microsoft Edge

Rûniştinê: Windows

Geroka Edge ji bo çavkaniya xwe ya Pêşveçûnê ya Devê Kodê ya niha ya kodê ya dît, analîzkirin û hûrgilî dide we. Ji bo ku gihîştina vê toolbarê de hûn dikarin ji yek ji van kurteya klavyeyê bikar bînin: F12 an jî CTRL + U. Heke ku hûn bixweber bixwazin, lêgerîna peldanka Edge (sê xalên ku di binê milê çepê deynê deverê de) li jêr binivîse û ji bijartina F12 Developer bijare hilbijêre.

Piştî ku cara pêşîn ji devê dev de têne destnîşan kirin, Edge du herdu alternatîf ji bo pêşeka mîhengên gerdûnê digire (bi rûpela malperê li her derê rast-ê binivîse): Çavkanî û Çavkaniya Çavkaniya Çavdêriyê , paşê ku beşek beşa Debugger amûrên wergirtina bi çavkaniya kodê vekirî ye.

Mozilla Firefox

Running on: Linux, MacOS, Windows

Ji bo çavkaniya koda çavkaniyê ya di Firefoxê de, hûn dikarin li ser klavyeyê CTRL + U ( COMMAND + U li macOS) li ser kopê xwe bixwînin, ku dê tabloya nû vekin ku HTML-ê û koda din ji bo rûpelê malpera çalak a.

Tişteya jêrîn di nav barê navnîşê ya Firefoxê de, bi rasterastê çepê ya rûpelê ya rûpelê, dê heman çavkaniyê bibe ku di bin tabloya niha de nîşan bide: dê-çavkaniyê ((nirx, çavkaniyê: https: // www.) .

Riyeke din jî ku bikaribin koda çavkaniya rûpelê ya rûpelê ji hêla amûrên pêşveçûna Firefoxê ve, tête pêkanîna gavên jêrîn.

  1. Li ser peldanka sereke hilbijêre, di nav koreya gerdûnê ya gerdûnî ya sêwirdar de û li hêla sê-horizontal ve tê nîşandan.
  2. Dema ku peldanka pop-out tê nîşandan, li ser Developer "wrench" icon bike.
  3. Mîhengên pêşveçûna Webê divê nuha xuya bibin. Hilbijêre Çavkaniya Rûpel hilbijêrin.

Firefox jî ji bo ku hûn ji bo koda taybet a rûpelê ya çavkaniya çavkaniyê bibînin, ji hêla pirsgirêkên cuda vekin. Ji bo vê yekê, yekemîn herêmê bikişînin ku hûn bi meydana xwe re bikişînin. Piştre, hilbijêrin û hilbijêre Çavkanî Çavkanî ji çavkaniya pêşniyarê ya gerokê vebijêre.

Android
Çavkaniya çavkaniya çavkaniya di versiyona Android ya Firefoxê de bi riya rûpelê malpera pêşnivîsî ya navnîşa webê bi pêşnivîsa jêrîn e. Ji bo nimûne, çavkaniya HTML-ê bibînî ku di nivîsê barê navnîşê de di bin barê navnîşa gerokê de binivîse: çavkaniya çavkaniyê: https: // www. .

iOS
Dîteya me ya pêşniyarê ji bo çavkaniya webê çavkaniya çavkaniya xwe ya iPad, Îmêl an iPod ya iPod bi rêya Saziya Çavkaniya Çavkaniyê ve di nav de, ji bo $ 0.99 ji bo App Store li vir heye. Dema ku bi rasterast bi Firefox re ve girêdayî ye, hûn dikarin bi navnîşanek HTML-ê û gerdûnî bi rûpela têkildarî girêdayî peldanka URL-ê veguhastin bikin.

Apple Safari

Di iOS û macos de digerin

iOS
Tevî ku Safari ji iOS ne tête ku nikarin çavkaniya çavkaniya paşnavê bibînin, lêgerîna gerok bi bêhtir çavkaniya View View - di Store Store de ji bo $ 0.99 de heye.

Piştî ku sazkirina vê sêyemîn partî vegeriya gerokê Safari û li ser Parastinê ve girêdayî ye, li ser binê dîmenderê ye û li ser çarçoveya û çepê ve tê nîşandan. Divê Şaredariya iOS-ê divê niha nîvê dorpêçê ya nîvê Safari ya xwe ya berbiçav binêrin. Scroll to right and hilbijêre Çavkanî Çavkanî hilbijêre.

Cure-koded, nimûne sazkirin ku koda çavkaniya rûpelê ya çalak a niha divê, bi tabloyên din ên ku hûn destnîşan kirina sîgorteyan, pirtûkxane û bêtir bibînin.

macOS
Ji bo çavkaniya koda çavkaniyê di pirtûka pirtûkxaneya Safari de bibînin, divê hûn pêşî hewl bidin ku menuê pêşve bikin . Pêvên jêrîn li jêr bi rêve dibe ku ji hêla vê veşartî ve veşartin û çavkaniya HTML-ê nîşan bide.

  1. Li ser pergala gerokê di Safari de, li ser topê li ser binêrin.
  2. Dema ku menu-dit-down tê xuyakirin, bijartina Pêşniyarên hilbijêrin.
  3. Pêşniyarên Safari divê niha xuya bibin. Bişkojka Mîhengê li ser bitikînin, li ser milê çepê ya rûpela herî bingehîn.
  4. Li ser binê beşa Pêşveçûna Pêşveçûnê vebijarkek veguherînek veguherînek menuê Pêşvebirin di nav barê menuê de , bi bi checkboxek vala ve girêdayî ye. Di vê qonaxê de careke din bi careke din re li ser qonaxa kontrola qeyd bikin, û qonaxa Pêşniyazên nêzîkî li ser kûçikê 'x' li korê çepê yê li binêrin.
  5. Li ser menuê pêşdebir bike , li ser topê li ser binêrin.
  6. Dema ku menu-dit-down tê xuyakirin, Çavkaniya Rûpelê Hilbijêre. Hûn dikarin bi şûna kurteya klavyeyê jêrîn bikar bînin: COMMAND + OPTION + U.

Opîra

Running on: Linux, MacOS, Windows

Ji bo çavkaniya koda çavkaniyê ji malpera Opera de li ser Opera Browsa Opera jêrîn kurteya jêrîn bikar bînin: CTRL + U ( COMMAND + OPTION + U li macOS). Heke hûn bixwazin çavkaniya li ser vê rûpelê barkêş bikin, di binê navnîşa navnîşê ya çepê ya rûpelê de binivîse û binivîse Enter : çavkaniya çavkaniyê ((çavkaniya çavkaniyê: https: // www. ).

Versyonek jêderk a Opera jî ji bo we çavkaniya pêşveçûna amûrên xwe ya navendî, çavkaniya CSS û hêmanên HTML-ê bibînin. Ji bo vê interfaceê destnîşan bikin, ku dê li default-ê di çarçoveya gerdema sereke ya sereke ya sereke de xuya bibe, kurteya klavyeyê jêrîn kurt bikin: CTRL + SHIFT + I ( COMMAND + OPTION + I li macos).

Toolset ya pêşveçûnê ya Opera jî ji hêla gavên jêrîn digihîjin.

  1. Li ser Opera logo, li ser milê çepê ya gerdema xwe ya li binêrin li binêrin.
  2. Dema ku pergala dol-downê tê xuya dike, li ser kursa xwe ya li ser Hoverê hilbijêre More tool options.
  3. Guhertoya Pêşdebereyê Pêşdebir bike .
  4. Li ser Opera logo dîsa bitikîne.
  5. Dema ku pergala dol-downê tê xuya dike, kursa xwe li ser Pêşveçûna Pêşvebirê xwe bike .
  6. Dema ku sub-menu eşkere ye, li ser Desthilatdariya Pêşvebirê bitikîne.

Vivaldi

Gelek rêbazên çavkaniya rûpelê di hundirê Vivaldi de hene. Hêsan e ku bi rêya CTRL + U kurteya kurteya kurt, ya ku ji peldanka nû ve çalakiya kodê pêşkêş dike.

Hûn dikarin li ser vê rûpelê binivîsin li ser rûpelê ya rûpelê ya rûpelê, yên ku li ser vê tabloyê çavkaniya çavkaniyê nîşan dide: Çavkaniya çavkaniyê . Wek mînakek wê bibînin-çavkaniyê: http: // www. .

Methodek din di rêya gerdûnên pêşdebirkirî yên gerdûnî ya yekbûyî ye, bi hêla hêla bi hêla CTRL + SHIFT + I ve têketin an veguhestina Rêveberê Pêşvebirê Developer di menu-ê de-gerok-li navê çepê yê çepê li 'V' ya li binêrin dît. Karûbarên dev dev bikar tînin ku ji bo çavkaniya rûpelê ya pirfireh di analîzê de.