Kumaha Témbongkeun Code Sumber tina hiji Page Web di Unggal Browser

Kaca web anjeun maca diwangun ku, diantara lain perkara, kode sumber. Éta informasi web undeuran panyungsi anjeun sarta ditarjamahkeun jadi naon nu maca ayeuna.

Paling web panyungsi nyadiakeun kamampuhan pikeun ningali kode sumber kaca web nu taya software tambahan diperlukeun, euweuh urusan naon jenis alat anjeun on.

Sababaraha malah nawiskeun fungsionalitas canggih jeung struktur, sahingga leuwih gampang pikeun peruse HTML jeung kode programming sejenna dina kaca.

Naha dupi Anjeun Hayang Tempo Code Sumber?

Aya sababaraha alesan naha anjeun bisa hayang ningali kode sumber kaca ieu. Mun anjeun pamekar web, sugan maneh dipilampah nyandak hiji Toong di handapeun nyertakeun dina gaya tinangtu sejen programmer urang atanapi pelaksanaan. Meureun anjeun di jaminan kualitas sarta nyoba ascertain naha bagian tangtu hiji kaca web anu ngajadikeun atawa behaving jalan éta.

Anjeun oge bisa janten pemula nyobian pikeun neuleuman kumaha carana kode kaca sorangan tur keur pilari sababaraha conto real-dunya. Tangtu, éta mungkin nu teu digolongkeun kana salah sahiji kategori ieu na ngan hayang nempo sumber kaluar ti ngarasa panasaran sheer.

Dibéréndélkeun di handap mangrupakeun parentah tentang kumaha cara nempo kode sumber dina panyungsi anjeun tina pilihan.

Google Chrome

Ngajalankeun on: Chrome OS, Linux, macOS, Windows

Versi desktop ti Chrome nawarkeun tilu métode béda pikeun nempo kode kaca urang sumber, kahiji jeung paling basajan ku ngagunakeun potong kompas keyboard handap: Ctrl + U (paréntah + pilihan + U on macOS).

Lamun asak, potong kompas ieu muka hiji tab browser anyar mintonkeun HTML jeung kode sejenna pikeun kaca aktif. Sumber Ieu warna-disandi na terstruktur di luhur yén ngajadikeun eta basajan mun compartmentalize sarta manggihan naon nu ditéang. Anjeun oge bisa meunang aya ku cara nuliskeun teks di handap dina bar alamat Chrome urang, appended ka sisi kénca-leungeun tina kaca web urang URL , sarta nganiaya Lebetkeun konci: view-sumber: (ie, view-sumber: HTTPS: // www .).

Metodeu katilu nyaeta via Chrome urang parabot pamekar nu ngidinan Anjeun pikeun nyandak hiji beuleum deeper kana kode kaca urang ogé tweak eta dina éta-laleur pikeun tujuan nguji sarta pangwangunan. Alat pamekar panganteur bisa dibuka jeung ditutup ku maké potong kompas keyboard ieu: Ctrl + shift + I (paréntah + pilihan + I on macOS). Anjeun oge bisa ngajalankeun éta ku cara nyokot jalur handap.

  1. Klik tombol ménu utama Chrome urang, ayana di pojok-leungeun katuhu luhur jeung digambarkeun ku tilu titik-titik vertikal-Blok.
  2. Nalika menu turun-handap ditembongkeun, hover kursor mouse anjeun ngaliwatan More parabot pilihan.
  3. Nalika sub-menu nembongan, klik dina parabot pamekar.

Android
Nempo sumber kaca web di Chrome pikeun Android téh salaku basajan sakumaha appending téks di handap kana hareup alamat na (atawa URL) jeung ngirimkeun eta: view-sumber:. Hiji conto ieu bakal jadi pintonan-sumber: HTTPS: // www. . HTML jeung kode sejenna ti kaca sual bakal instan ditampilkeun dina jandela aktif.

ios
Bari aya euweuh padika pituin pikeun nempo kode sumber maké Chrome kana Anjeun iPad, iPhone atawa iPod touch, anu paling basajan jeung paling mujarab téh pikeun ngagunakeun leyuran pihak-katilu kayaning aplikasi Témbongkeun Sumber.

Sadia pikeun $ 0,99 dina App Store, Témbongkeun Sumber nyarankeun Anjeun pikeun nuliskeun URL kaca urang (atawa salinan / paste tina watang alamat Chrome urang, nu kadang jalur pangbasajanna nyandak) jeung kitu wae. Salian némbongkeun HTML jeung kode sumber sejen, aplikasi éta ogé boga tab nu nembongkeun aset kaca individual, di Dokumén Objék Modél (DOM), kitu ogé ukuranana kaca, cookies tur rinci metot séjén.

Microsoft Tepi

Ngajalankeun on: Windows

The Tepi browser ngidinan Anjeun nempo, nganalisis tur malah ngamanipulasi kode sumber kaca ayeuna urang ngaliwatan na Pakakas pamekar panganteur. Pikeun ngakses toolset gunana ieu anjeun bisa migunakeun salah sahiji potong kompas keyboard ieu: F12 atawa Ctrl + U. Lamun kukituna resep mouse gaganti, klik dina tombol menu Tepi urang (tilu titik-titik lokasina di pojok-leungeun katuhu luhur) jeung milih pilihan Pakakas F12 pamekar tina daptar.

Saatos alat dev anu ngajalankeun pikeun kahiji kalina, Tepi nambihan dua pilihan tambahan pikeun menu konteks browser urang (diaksés ku katuhu-klik mana dina hiji kaca web): mariksa unsur sarta Témbongkeun sumber, kiwari dimungkinkeun nu muka bagian Debugger tina dev teh parabot antarbeungeut Asezare populata kalawan kode sumber.

Mozilla Firefox

Ngajalankeun on: Linux Ubuntu, macOS, Windows

Pikeun nempo kode sumber kaca di versi desktop ti Firefox Anjeun bisa mencet Ctrl + U (paréntah + U on macOS) dina keyboard anjeun, anu baris muka hiji tab anyar ngandung HTML jeung kode sejenna pikeun kaca web aktif.

Ngetikkeun téks di handap kana palang alamat Firefox urang, langsung ka kénca URL kaca urang, bakal ngabalukarkeun sumber anu sarua pikeun némbongkeun up dina tab ayeuna gantina: view-sumber: (ie, view-sumber: HTTPS:. // www) .

Cara séjén pikeun ngakses kode sumber kaca ieu mangrupa ngaliwatan parabot pamekar Firefox urang, diaksés ku cara nyokot léngkah di handap ieu.

  1. Klik tombol ménu utama, ayana di pojok-leungeun katuhu luhur jandela panyungsi anjeun sarta digambarkeun ku tilu garis horizontal.
  2. Nalika menu pop-kaluar nembongan, klik dina pamekar "rengkuh" ikon.
  3. The Web pamekar menu konteks ayeuna kedah ditingali. Pilih pilihan Page Sumber.

Firefox ogé ngidinan Anjeun nempo kode sumber keur nyangkokkeun tangtu kaca, sahingga gampang ngasingkeun isu. Jang ngalampahkeun kitu, mimiti nyorot wewengkon nu museurkeun kalawan mouse Anjeun. Salajengna, katuhu-klik tur pilih Témbongkeun Pamilihan Sumber ti menu konteks browser urang.

Android
Nempo kode sumber dina versi Android of Firefox nyaeta achievable ku prefixing URL kaca web nu mibanda teks di handap: view-sumber:. Contona, pikeun nempo sumber HTML pikeun anjeun kukituna ngalebetkeun téks di handap dina bar alamat browser urang: view-sumber: HTTPS: // www. .

ios
Metoda kami dianjurkeun pikeun nempo sumber kode kaca web di anjeun iPad, iPhone atawa iPod touch mangrupa ngaliwatan aplikasi Témbongkeun Sumber, sadia dina App Store pikeun $ 0,99. Bari teu terpadu langsung kalayan Firefox, anjeun bisa kalayan gampang salin URL ti browser kana aplikasi dina raraga unveil nu HTML jeung kode sejenna pakait jeung kaca sual.

Apple Safari

Ngajalankeun on ios sarta macOS

ios
Sanajan Safari pikeun ios henteu ngawengku kamampuh pikeun nempo sumber kaca sacara standar, browser anu teu ngahijikeun rada seamlessly jeung Témbongkeun Sumber aplikasi - sadia di App Store pikeun $ 0,99.

Sanggeus masang pihak-katilu ieu aplikasi mulang ka browser Safari tur ketok on tombol Bagikeun, ayana dina bagean handap layar tur digambarkeun ku pasagi sarta hiji nepi panah. The ios Bagikeun Lambaran ayeuna kedah ditingali, overlaying handap satengah tina jandela Safari Anjeun. Ngagulung ka katuhu jeung pilih tombol Témbongkeun Sumber.

A warna-disandi, ngagambarkeun terstruktur tina kaca aktif urang kode sumber kedah ayeuna dipintonkeun marengan tab séjén nu ngidinan Anjeun pikeun nempo aset kaca, Aksara sareng nu sanesna.

macOS
Pikeun nempo kode sumber kaca dina versi desktop ti Safari, Anjeun mimitina kudu ngaktipkeun ménu na Ngembangkeun. Léngkah handap leumpang Anjeun liwat ngaktipkeun ménu disumputkeun ieu sareng mintonkeun sumber HTML kaca urang.

  1. Klik Safari di menu browser, ayana di luhureun layar.
  2. Nalika menu turun-handap ditembongkeun, pilih pilihan Tanya.
  3. Tanya Safari urang ayeuna kedah ditingali. Klik dina ikon Advanced, ayana di sisi tebih katuhu-leungeun nu baris luhur.
  4. Nuju handapeun bagian Advanced mangrupa pilihan dilabélan Tembongkeun Ngembangkeun menu di menu bar, dipirig ku hiji centang kosong. Klik kotak ieu sakaligus pikeun nempatkeun hiji tanda cek di dinya, sarta nutup jandéla Tanya ku ngaklik on beureum nu 'X' kapanggih dina sudut kenca-leungeun luhur.
  5. Klik menu Ngembangkeun, ayana di luhureun layar.
  6. Nalika menu turun-handap ditembongkeun, pilih Tembongkeun Page Sumber. Anjeun oge bisa make potong kompas keyboard handap tinimbang: paréntah + pilihan + U.

opera

Ngajalankeun on: Linux Ubuntu, macOS, Windows

Pikeun nempo kode sumber ti kaca web aktip dina browser Opera nganggo potong kompas keyboard handap: Ctrl + U (paréntah + pilihan + U on macOS). Lamun kukituna resep loading sumber dina tab ayeuna gantina ngetik teks di handap kana kénca URL kaca urang dina bar Alamat sarta pencét Lebetkeun: view-sumber: (ie, view-sumber: HTTPS: // www. ).

Versi desktop ti Opera ogé ngidinan Anjeun pikeun nempo sumber HTML, CSS jeung elemen séjén ku ngagunakeun na terpadu parabot pamekar . Pikeun ngjalankeun panganteur ieu, nu sacara standar bakal muncul dina sisi-leungeun katuhu tina jandela browser utama Anjeun, pencet potong kompas keyboard handap: Ctrl + shift + I (paréntah + pilihan + I on macOS).

Opera urang pamekar toolset oge diasupan ku cara nyokot léngkah di handap ieu.

  1. Klik dina logo Opera, ayana di belah kénca juru-leungeun luhur jandela panyungsi anjeun.
  2. Nalika menu turun-handap ditembongkeun, hover kursor mouse anjeun ngaliwatan More parabot pilihan.
  3. Klik menu Tembongkeun pamekar.
  4. Klik dina logo Opera deui.
  5. Nalika menu turun-handap ditembongkeun, hover kursor anjeun leuwih pamekar.
  6. Nalika sub-menu nembongan, klik dina Pakakas pamekar.

Vivaldi

Aya sababaraha cara pikeun nempo sumber kaca dina browser Vivaldi. Pangbasajanna nyaéta liwat potong kompas keyboard Ctrl + U, nu presents kode ti kaca aktif dina tab anyar.

Anjeun oge bisa nambahkeun téks di handap kana hareup URL kaca urang, nu mintonkeun kodeu sumber dina tab hadir: view-sumber:. Hiji conto ieu bakal jadi pintonan-sumber: http: // www. .

Metoda sejen nyaeta ngaliwatan parabot pamekar terpadu browser urang, diaksés ku mencét Ctrl + shift + I kombinasi atanapi liwat pilihan Pakakas pamekar dina menu Pakakas browser urang - kapanggih ku ngaklik dina logo 'V' di belah kénca juru-leungeun luhur. Ngagunakeun parabot dev ngamungkinkeun pikeun leuwih di-jero analisis sumber kaca ieu.