Ki jan yo wè Kòd la Sous nan yon paj entènèt nan chak Navigatè

Paj entènèt la ou lekti se te fè leve nan, pami lòt bagay, kòd sous. Sa a enfòmasyon an downloads navigatè entènèt ou an ak tradui nan sa ou ap li kounye a.

Pifò navigatè entènèt bay kapasite pou wè kòd sous la nan yon paj entènèt ki pa gen okenn lojisyèl adisyonèl ki nesesè, pa gen pwoblèm ki kalite aparèy ou sou.

Gen kèk menm ofri fonctionnalités avanse ak estrikti, sa ki fè li pi fasil yo pouse HTML ak lòt kòd pwogram nan paj la.

Poukisa ou ta vle wè Kòd la Sous?

Gen plizyè rezon ki fè ou ka vle wè kòd sous yon paj la. Si ou se yon pwomotè entènèt, petèt ou ta renmen pran yon gade vit anba kouvri yo nan style yon lòt pwogramè an patikilye oswa aplikasyon. Petèt ou se nan asirans kalite epi yo ap eseye rann kont poukisa yon pati nan yon paj entènèt se rann oswa konpòte fason li ye.

Ou ta ka tou yon debutan ap eseye pou aprann kijan pou kòd paj pwòp ou yo ak ap chèche pou kèk egzanp mond reyèl la. Natirèlman, li posib ke ou pa tonbe nan nenpòt nan kategori sa yo epi jis vle wè sous soti nan kiryozite absoli.

Lis anba a se enstriksyon sou ki jan yo wè kòd sous nan navigatè ou a nan chwa.

Google Chrome

Kouri sou: Chrome OS, Linux, MacOS, Windows

Vèsyon an Desktop nan Chrome ofri twa metòd diferan pou gade kòd sous yon paj la, premye a ak pi pi senp lè l sèvi avèk rakoursi klavye sa yo: CTRL + U ( COMMAND + OPSYON + U sou macos).

Lè bourade, chemen kout sa a ouvè yon tab navigatè nouvo ki montre HTML ak lòt kòd pou paj la aktif. Sous sa a se koulè-kode ak estriktire nan yon fason ki fè li pi senp konpartalize ak jwenn sa w ap chèche pou. Ou ka jwenn tou pa k ap antre nan tèks sa a nan ba adrès Chrome a, ki te ajoute nan bò gòch nan paj URL entènèt la , ak frape kle nan antre : View-sous: (sètadi, wè-sous: https: // www .).

Metòd twazyèm lan se via zouti devlopè Chrome la, ki pèmèt ou pran yon plonje pi fon nan kòd paj la kòm byen ke tweak li sou-vole a pou objektif tès ak devlopman. Ka koòdone nan zouti pwomotè yo ka louvri epi fèmen lè l sèvi avèk rakoursi klavye sa a: CTRL + SHIFT + mwen ( COMMAND + OPTION + mwen sou macOS). Ou kapab tou lanse yo pa pran chemen sa yo.

  1. Klike sou bouton meni prensipal Chrome la, ki chita nan kwen anwo men dwat la ak reprezante pa twa pwen vètikal ki aliyen.
  2. Lè meni an gout-desann parèt, hover kurseur sourit ou a sou opsyon ki pi plis zouti .
  3. Lè sub-meni an parèt, klike sou Zouti Developer .

Android
Wè sous yon paj entènèt la nan Chrome pou android se kòm senp tankou mete aksan sou tèks ki anba la a nan devan adrès li (oswa URL) ak soumèt li: View-sous : . Yon egzanp sa a ta dwe wè-sous: https: // www. . HTML ak lòt kòd ki soti nan paj la nan kesyon yo pral imedyatman parèt nan fenèt la aktif.

iOS
Pandan ke pa gen okenn metòd natif natal pou gade kòd sous lè l sèvi avèk Chrome sou iPad ou, iPhone oswa touche iPod, pi senp la ak pi efikas se itilize yon solisyon twazyèm-pati tankou app a Sous View.

Disponib pou $ 0.99 nan App Store la, View Sous envit ou antre nan URL paj la (oswa kopye / kole li soti nan ba adrès Chrome a, ki se pafwa chemen ki pi senp yo pran) ak sa a li. Anplis de sa nan ki montre HTML ak lòt kòd sous, app a tou gen onglè ki montre paj endividyèl paj, objè a Modèl objè (DOM), osi byen ke gwosè paj, bonbon ak lòt detay ki enteresan.

Microsoft Edge

Kouri sou: Windows

Navigatè a Edge pèmèt ou wè, analize ak menm manipile kòd sous aktyèl la nan koòdone Zouti Developer li yo. Pou jwenn aksè nan zouti sa a sou la men ou ka itilize youn nan rakoursi klavye sa yo: F12 oswa CTRL + U. Si ou ta pito sourit la olye, klike sou bouton meni Edge a (twa pwen ki sitiye nan kwen anwo men dwat la) epi chwazi opsyon Developer Zouti F12 nan lis la.

Apre zouti yo dev yo kouri pou premye fwa, Edge ajoute de opsyon anplis nan meni kontèks navigatè a (aksesib pa dwa-klike nenpòt kote nan yon paj entènèt): Enspekte eleman ak View sous , lèt la ki ouvè pòsyon debugger nan dev la Zouti koòdone peple ak kòd sous.

Mozilla Firefox

Kouri sou: Linux, MacOS, Windows

Pou wè kòd sous yon paj la nan vèsyon an Desktop nan Firefox ou ka peze CTRL + U ( COMMAND + U sou macOS) sou klavye ou, ki pral louvri yon nouvo tab ki genyen HTML ak lòt kòd pou paj wèb la aktif.

Tape tèks sa a nan bar adrès Firefox, dirèkteman nan bò gòch URL URL la, ap lakòz menm sous la montre nan tab la kounye a olye: View-sous: (sètadi, wè-sous: https: // www.) .

Yon lòt fason jwenn aksè nan kòd sous yon paj la se nan zouti pwomotè Firefox a, aksesib pa pran etap sa yo.

  1. Klike sou bouton an meni prensipal, ki chita nan kwen anwo men dwat nan fenèt navigatè ou a ak reprezante pa twa liy orizontal.
  2. Lè meni an pop-out parèt, klike sou ikòn Developer "kle" la.
  3. Meni kontèks Developer Web la ta dwe kounye a dwe vizib. Chwazi opsyon nan sous Page .

Firefox tou pèmèt ou wè kòd sous pou yon pòsyon an patikilye nan yon paj, ki fè li fasil izole pwoblèm. Pou fè sa, premye mete aksan sou zòn nan ke ou enterese nan ak sourit ou. Apre sa, dwa-klike sou epi chwazi View Seleksyon Sous soti nan meni kontèks navigatè a.

Android
Wè kòd sous nan vèsyon an android nan Firefox se possible pa prefixing URL entènèt paj la ak tèks sa a: View-sous : . Pou egzanp, pou wè sous la HTML pou ou ta soumèt tèks sa a nan ba adrès navigatè a: View-sous: https: // www. .

iOS
Metòd rekòmande nou pou gade kòd sous entènèt paj sou iPad ou, ifon oswa iPod touche se nan app a View Sous, ki disponib nan magazen an app pou $ 0.99. Pandan ke pa entegre dirèkteman ak Firefox, ou ka fasilman kopye epi kole yon URL soti nan navigatè a nan app a yo nan lòd yo revele HTML la ak lòt kòd ki asosye ak paj la nan kesyon.

Apple Safari

Kouri sou iOS ak macos

iOS
Malgre ke Safari pou iOS pa gen ladan kapasite nan wè sous paj pa default, navigatè a entegre olye transparans ak app a View Sous - ki disponib nan magazen an app pou $ 0.99.

Apre enstale app sa a twazyèm-pati retounen navigatè a Safari ak tiyo sou bouton an Share, ki chita sou anba a nan ekran an ak reprezante pa yon kare ak yon flèch moute. IOS Share Fèy yo ta dwe kounye a dwe vizib, kouvri mwatye ki pi ba nan fenèt Safari ou. Scroll sou bò dwat la epi chwazi bouton an Sous View .

Yon koulè-kode, reprezantan estriktire nan kòd sous aktif la ta dwe kounye a ap parèt, ansanm ak lòt onglè ki pèmèt ou wè paj byen, Scripts ak plis ankò.

macos
Pou wè sous kòd nan yon paj nan vèsyon an Desktop nan Safari, ou premye bezwen yo ki ap pèmèt meni Devlope li yo. Etap anba a mache ou nan aktive meni sa a kache epi montre yon sous HTML paj la.

  1. Klike sou Safari nan meni navigatè a, ki chita nan tèt ekran an.
  2. Lè meni an gout-desann parèt, chwazi opsyon nan Preferences .
  3. Preferans Safari a ta dwe kounye a dwe vizib. Klike sou icon nan avanse , ki chita sou bò la byen lwen bò gòch nan tèt la ranje.
  4. Nan direksyon anba nan seksyon avanse a se yon opsyon ki make Montre Devlope meni an nan ba meni , akonpaye pa yon kazye vid. Klike sou bwat sa a yon fwa pou mete yon mak chèk nan li, epi fèmen fenèt la Preferences pa klike sou 'x' wouj yo te jwenn nan kwen siperyè agòch.
  5. Klike sou meni an Devlope , ki chita nan tèt ekran an.
  6. Lè meni gout-desann a parèt, chwazi Montre Page Source . Ou kapab tou itilize chemen kout klavye sa yo olye de sa: COMMAND + OPTION + U.

Opera

Kouri sou: Linux, MacOS, Windows

Pou wè kòd sous soti nan paj wèb la aktif nan navigatè Opera a sèvi ak chemen kout klavye sa a: CTRL + U ( COMMAND + OPSYON + U sou macos). Si ou ta prefere loading sous la nan tab la kounye a olye de sa, tape tèks ki anba la a sou bò goch la nan URL paj la nan ba a adrès ak frape Antre nan : View-sous: (sètadi, wè-sous: https: // www. ).

Vèsyon an Desktop nan Opera tou pèmèt ou wè HTML sous, CSS ak lòt eleman lè l sèvi avèk zouti pwomotè entegre li yo . Pou lanse koòdone sa a, ki pa default ap parèt sou bò dwat la nan fenèt prensipal navigatè ou a, peze chemen kout klavye sa a: CTRL + SHIFT + mwen ( COMMAND + OPTION + mwen sou macOS).

Zouti developer Opera a tou se aksesib pa pran etap sa yo.

  1. Klike sou Joe a Opera, ki chita nan kwen siperyè men gòch nan fenèt navigatè ou a.
  2. Lè meni an gout-desann parèt, hover kurseur sourit ou a sou opsyon ki pi plis zouti .
  3. Klike sou Montre pwomotè meni .
  4. Klike sou Joe a Opera ankò.
  5. Lè meni an gout-desann parèt, hover kurseur ou sou Developer .
  6. Lè sub-meni an parèt, klike sou Zouti Developer .

Vivaldi

Gen plizyè fason pou wè sous paj nan navigatè Vivaldi. Pi senp la se via CTRL + U klavye chemen kout la, ki prezante kòd soti nan paj la aktif nan yon nouvo tab.

Ou ka ajoute tou tèks sa a devan paj URL la, ki montre kòd sous la nan tab la prezan: View-sous : . Yon egzanp sa a ta dwe wè-sous: http: // www. .

Yon lòt metòd se nan zouti pwomotè entegre navigatè a, aksesib pa peze CTRL + SHIFT + mwen konbinezon a oswa atravè opsyon Developer zouti yo nan zouti navigatè a navigatè a - yo te jwenn pa klike sou logo la 'V' nan kwen siperyè agòch. Lè l sèvi avèk zouti yo dev pèmèt pou yon analiz pi pwofondman nan sous paj la.