La retejo, kiun vi legas, konsistas el inter aliaj aĵoj fontkodo. Jen la informo, kiun via retumilo malŝarĝas kaj tradukas tion, kion vi legas nun.
Plej multaj retumiloj provizas la kapablon vidi la fontkodon de retpaĝaro kun neniu kroma programaro postulita, kiom ajn ajn speco de aparato vi estas.
Iuj eĉ proponas altnivelajn funkciojn kaj strukturon, faciligante perfuzi HTML kaj alian programan kodon en la paĝo.
Kial Vi Volas Vidi la Fonta Kodo?
Ekzistas pluraj kialoj, kial vi eble volas vidi fontkodon de paĝo. Se vi estas TTT-programisto, eble vi ŝatus ekrigardi sub la kovriloj ĉe la aparta stilo aŭ implementado de alia programisto. Eble vi estas en certa certigo kaj provas ekscii, kial certa parto de retpaĝaro pripensas aŭ kondutas kiel ĝi estas.
Vi ankaŭ povus esti komencanto provanta lerni kiel kodigi viajn proprajn paĝojn kaj serĉas iujn realajn ekzemplojn. Kompreneble, ĝi eblas, ke vi ne falu en iu ajn el ĉi tiuj kategorioj kaj nur volas vidi fonton ekstere de viva scivolemo.
Listita sube estas instrukcioj pri kiel vidi la fontkodon en via retumilo elektita.
Google Chrome
Ruliĝanta sur: Chrome OS, Linukso, MacOS, Vindozo
La versio de skribo-tablo de Chrome proponas tri malsamajn metodojn por vidi la fontkodon de la paĝo, la unua kaj plej simpla uzante la sekvan klavaron: CTRL + U ( COMMAND + OPTION + U en macOS).
Kiam vi premas, ĉi tiu rimedo malfermas novan retuman langeton montrante HTML kaj alian kodon por la aktiva paĝo. Ĉi tiu fonto estas kolor-kodita kaj strukturita laŭ maniero, kiu faras ĝin pli simpla dividi kaj trovi kion vi serĉas. Vi ankaŭ povas atingi tien enirante la sekvan tekston en la stango de Chrome, aligita al la maldekstra flanko de la URL de la retpaĝaro, kaj frapante la Enŝlosilon : vidu-fonton: (te, vidpunkto: https: // www .).
La tria metodo estas tra la iloj de desarrolladores de Chrome, kiuj ebligas al vi preni pli profundan pafadon en la kodon de la paĝo, kaj ankaŭ tweak ĝin por pruvi kaj evoluigi celojn. La interfaco de iloj de programisto povas esti malfermita kaj fermita per ĉi tiu klavara mallongigo: CTRL + SHIFT + I ( COMMAND + OPTION + I on macOS). Vi ankaŭ povas lanĉi ilin per prenado de la sekva vojo.
- Alklaku la ĉefan butonon de Chrome, lokita en la supra dekstra angulo kaj reprezentita per tri vertikale vicigitaj punktoj.
- Kiam la malpleniga menuo aperas, ŝvebu vian muskursoron super la Pli iloj- opcio.
- Kiam la sub-menuo aperas, klaku sur Programaj iloj .
Android
Vidante la fonto de retpaĝaro en Chrome por Android estas tiel simpla kiel aldoni la sekvan tekston ĉe la fronto de ĝia adreso (aŭ URL) kaj submeti ĝin: vidi-fonton:. Ekzemplo de tio estus vidpunkto: https: // www. . HTML kaj alia kodo de la paĝo en demando tuj montriĝos en la aktiva fenestro.
iOS
Dum ne ekzistas denaskaj metodoj por vidi fontkodon uzante Chrome en via iPad, iPhone aŭ iPod-touch, la plej simpla kaj plej efika estas utiligi trian solvon kiel ekzemple la Vida Fonto-programo.
Disponebla por $ 0.99 en la App Store, Vida Fonto instigas vin eniri la URL-paĝon (aŭ kopii / bati ĝin de la stango de Chrome, kiu estas foje la plej simpla vojo por preni) kaj tio estas. Krom montri HTML kaj aliajn fontkodon, la programo ankaŭ havas pestaĵojn kiuj montras individuajn paĝajn aktivojn, la Dokumenton de Dokumento-Objekto (DOM), same kiel paĝo de grandeco, kuketoj kaj aliaj interesaj detaloj.
Microsoft Edge
Kuranta sur: Fenestroj
La retumilo de Edge permesas vidi, analizi kaj eĉ manipuli la fontkodon de la nuna paĝo tra ĝia interfaco de programiloj . Por aliri ĉi tiun oportunan ilon, vi povas uzi unu el ĉi tiuj klavaroj: F12 aŭ CTRL + U. Se vi preferas la muson anstataŭe, alklaku la butonon de Edge (tri punktoj en la supra dekstra angulo) kaj elektu la F12 Developer Tools- opcion el la listo.
Post kiam la iloj de devoj estas kuritaj por la unua fojo, Edge aldonas du pliajn eblojn al la kunteksto-menuo de la retumilo (atingebla per dekstra klako ie en retpaĝaro): Inspektu elementon kaj Vidi fonton , ĉi-lasta kiu malfermas la Debugger- parton de la dev Interfaco de iloj popolita kun fonta kodo.
Mozilla Firefox
Kuranta sur: Linukso, MacOS, Vindozo
Por vidi la fontkodon de paĝo en la labortablo de Firefox, vi povas premi CTRL + U ( COMMAND + U sur macOS) sur via klavaro, kiu malfermos novan langeton kun HTML kaj alia kodo por la aktiva paĝo.
Tajpu la sekvan tekston en la stangon de Firefox, rekte maldekstre de la URL-paĝo, kaŭzos la saman fonton en la nuna pestaĵo anstataŭe: vido-fonto: (te, vidpunkto: https: // www.) .
Alia maniero de aliri fontkodon de paĝo estas tra la iloj de programisto de Firefox, atingeblaj per la sekvaj paŝoj.
- Alklaku la ĉefan butonon, lokita en la supra dekstra angulo de via retumilo kaj reprezentita de tri horizontalaj linioj.
- Kiam la ŝpruca menuo aperas, alklaku la Ikonon "Eksplodo" de la Programisto .
- La interreta menuo de la Reteja Programisto nun estu videbla. Elektu la paĝon Fonta opcion.
Firefox ankaŭ permesas vidi fontkodon por aparta parto de paĝo, faciligante izolitajn aferojn. Por tio, unue reliefigu la areon, kiun vi interesas per via muso. Sekvu, dekstra klaku kaj elektu Rigardi Elektan fonton de la kunteksta menuo de la retumilo.
Android
Vidanta fontkodon en la Android-versio de Firefox estas atingebla per prefiksado de la URL-retpaĝo kun la sekva teksto: vido-fonto:. Ekzemple, por vidi la HTML-fonton por ke vi sendu la sekvan tekston en la stango de retumilo de la retumilo: vidpunkto: https: // www. .
iOS
Nia rekomendinda metodo por rigardi retpaĝan fontkodon en via iPad, iPhone aŭ iPod-touch estas tra la Vida Fonto-programo, disponebla en la App Store por $ 0.99. Se vi ne integras rekte kun Firefox, vi povas facile kopii kaj bati URLon de la retumilo en la app por malkaŝi la HTML kaj alian kodon asociitan kun la paĝo en demando.
Apple Safaro
Kurante sur iOS kaj macOS
iOS
Kvankam Safaro por iOS ne inkluzivas la kapablon vidi la fonton de la paĝo defaŭlte, la retumilo integras iomete perfekte kun la Vida Font-programo - disponebla en la App Store por $ 0.99.
Post instali ĉi tiun trian appon, revenu al la Safaro-retumilo kaj ekprenu la butonon Konigi, lokita sur la malsupro de la ekrano kaj reprezentita per kvadrato kaj supre sago. La iOS-datumilo de la iOS nun estu videbla, superkovrante la malsupran duonon de via fenestro de Safaro. Rulumu dekstren kaj elektu la butonon Rigardi fonton .
Kolor-kodita, strukturita reprezento de la fonta kodo de la aktiva paĝo nun devus esti montrita, kune kun aliaj pestañas, kiuj ebligas al vi vidi aktivojn de paĝo, skriptoj kaj pli.
MacOS
Por vidi fontkodon de paĝo en la labortablo de Safaro, vi unue devas ebligi ĝian Evoluigu menuon. La paŝoj sube trairas vin aktivigante ĉi tiun kaŝitan menuon kaj montras fonton de HTML-paĝo.
- Alklaku sur Safaro en la retumilo, lokita ĉe la supro de la ekrano.
- Kiam la malpleniga menuo aperas, elektu la Elektan opcion.
- La Agordoj de Safaro nun estu videblaj. Alklaku sur la Altnivela ikono, lokita sur la malproksima dekstra flanko de la supra vico.
- Al la fundo de la Altnivela sekcio estas opcio etikedita Show Develop menu en menuo , akompanata de malplena markobutono. Alklaku ĉi tiun kazon unufoje por meti markon en ĝin kaj fermu la fenestron de Preferoj klakante sur la ruĝa 'x' trovita en la supra maldekstra angulo.
- Alklaku la menuon Evoluinta , lokita ĉe la supro de la ekrano.
- Kiam la malsupren-menuo aperas, elektu Montri Paĝon-Fonto . Vi povas ankaŭ uzi la sekvan klavaron kromen: COMMAND + OPTION + U.
Opero
Kuranta sur: Linukso, MacOS, Vindozo
Por vidi fontkodon de la aktiva retpaĝo en la Opera-retumilo uzu la sekvan klavaron: CTRL + U ( COMMAND + OPTION + U sur macOS). Se vi preferas ŝargi la fonton en la nuna pestaña anstataŭe, tajpu la sekvan tekston al la maldekstra parto de la URL-paĝo ene de la stango de direktoj kaj batis Eniru : view-source: (te, vidpunkto: https: // www. ).
La skribo-tablo de Opero ankaŭ permesas vidi HTML-fontaĵon, CSS kaj aliajn elementojn per siaj integraj programiloj . Por lanĉi ĉi tiun interfacon, kiu implicite aperos en la dekstra flanko de via ĉefa retumilo, premu la sekvan klavaron: CTRL + SHIFT + I ( COMMAND + OPTION + I on macOS).
La iloj de programisto de Opero ankaŭ atingeblas per la sekvaj paŝoj.
- Alklaku la operon de la opero, lokita en la supra maldekstra angulo de via retumilo.
- Kiam la malpleniga menuo aperas, ŝvebu vian muskursoron super la Pli iloj- opcio.
- Klako sur Montri programilo .
- Alklaku la operon de la opero.
- Kiam la falmenuo aperas, ŝvebu vian kursoron super Programisto .
- Kiam la sub-menuo aperas, klaku sur Programaj Iloj .
Vivaldi
Ekzistas pluraj manieroj por vidi la fonton de paĝo ene de la retumilo de Vivaldi. La plej simpla estas tra la klavaro de CTRL + U , kiu prezentas kodon de la aktiva paĝo en nova langeto.
Vi ankaŭ povas aldoni la jenan tekston ĉe la fronto de la URL-paĝo, kiu montras la fontkodon en la nuna pestaña: vido-fonto:. Ekzemplo de ĉi tio estus vidpunkto: http: // www. .
Alia metodo estas tra la integraj programiloj de la retumilo, atingeblaj per premado de la komputilo CTRL + SHIFT + I aŭ tra la Elektilo Iloj- opcio en la Iloj- menuo de la retumilo - trovita per klako sur la "V" en la supra maldekstra angulo. Uzanta la devajn ilojn permesas multe pli profundan analizon de la fonto de la paĝo.