Google Chrome - nástroje správcu webu

Vývojári prehľadávačov sa postarali o pohodlie tých, ktorí vytvárajú weby, ktoré sa otvárajú v tých istých prehľadávačoch, a to správcov webu. K štandardným funkciám pridali vývojárske nástroje, pomocou ktorých ľahko otvoríte a zobraziť zdrojový kód stránky v prehliadači: HTML, CSS, JavaScript (JS), získate rôzne užitočné údaje o štruktúre webu, vykonáte jeho technickú analýzu. Vo všeobecnosti vidieť veľa užitočných vecí.

Tieto nástroje samozrejme nepoužívajú iba tvorcovia stránok na prácu, ale aj bežní používatelia, ktorí pomocou zdrojového kódu vidia rôzne užitočné údaje.

V tomto článku sa dozviete, ako zobraziť zdrojový kód stránky v prehliadači (ako otvoriť kód stránky HTML, CSS, JavaScript).

Ako otvoriť zdrojový kód stránky v prehliadači

Existujú dva spôsoby, ako otvoriť zdrojový kód webovej stránky v prehliadači:

1. Používanie klávesových skratiek;
2. Otvorte z kontextovej ponuky.

Ctrl + U - kombinácia klávesových skratiek na zobrazenie zdrojového kódu celej stránky webu v samostatnom novom okne. Štandard pre všetky prehliadače: Google Chrome, Opera, Mozilla Firefox, Yandex, IE.

Vývojárske nástroje môžete zadať aj takto:

Ak chcete na stránke rýchlo nájsť požadovaný kód, slovo alebo text, môžete pre všetky prehliadače použiť štandardnú kombináciu klávesových skratiek pre vyhľadávanie: Ctrl + G.

Video inštruktáž:

Zobraziť kód položky preskúmať položku | skontrolovať položku

Ak zrazu potrebujete zobraziť nie celý zdrojový kód, ale chcete zobraziť iba jeho samostatnú časť, časť na stránke, predchádzajúci nástroj nebude fungovať. K tomu je v nástrojoch pre vývojárov ďalšia funkcia, o ktorej bude reč nižšie.

Ako zobraziť kód prvku na stránke:

Okrem toho môžete pomocou klávesových skratiek získať rýchly prístup ku kontrole prvkov.

Horúce klávesy (tlačidlá):

Google Chrome: Ctrl + Shift + I a Ctrl + Shift + C

Opera: Ctrl + Shift + I a Ctrl + Shift + C

Mozilla Firefox: Ctrl + Shift + I a Ctrl + Shift + C

Prehliadač Yandex: Ctrl + Shift + I a Ctrl + Shift + C

Po vykonaných opatreniach sa zdrojový kód webovej stránky otvorí v rovnakom okne prehliadača:

Celý kód HTML bude v ľavom veľkom stĺpci. A štýly CSS sú vpravo.

Výhodou tejto metódy je samozrejme to, že používateľ má možnosť meniť zdrojový kód, upravovať štýly. To znamená, že môžete upraviť štýly na webe a zistiť, ako to bude vyzerať s určitými štýlmi, a to bez toho, aby ste museli okamžite robiť zmeny v súboroch, ktoré sú na hostiteľských serveroch. Ak chcete zmeniť alebo pridať programový kód, musíte dvakrát kliknúť na požadovaný fragment alebo oblasť. Oprava kódu v prehliadači sa samozrejme nebude vykonávať na hostiteľských serveroch. Preto v budúcnosti budete v každom prípade musieť tento kód skopírovať a zapísať do súborov.

Toto videonávod podrobne popisuje a ukazuje, ako pracovať s nástrojmi pre vývojárov:

Rovnako môžete online priamo v prehliadači zobraziť zdrojový kód stránky, získať základné údaje o kóde HTML a CSS, meniť ich a kopírovať bez toho, aby ste museli sťahovať súbory z týchto stránok do svojho počítača.

Mimochodom, neskúsení používatelia internetu, ktorí zmenili kód stránky a očakávajú jeho uloženie, budú sklamaní. Po obnovení stránky totiž všetky zmeny na nej zmiznú. Na hacknutie stránky to nestačí 🙂

Ako zobraziť zdrojový kód v telefóne s Androidom

Chcel by som tiež poznamenať, že vývojárske nástroje sú k dispozícii nielen v desktopovej verzii prehľadávačov, to znamená v počítačoch a prenosných počítačoch. Na telefónoch a tabletoch (Android, IOS) si môžete pozrieť aj zdrojový kód.

Za týmto účelom pridajte predponu zdroja zobrazenia k adrese URL kontrolovanej stránky:

Napríklad:

zdroj zobrazenia: https: // site / turbo-rezhim-opera /

Každý užívateľ internetu má svoje obľúbené stránky, na ktorých trávi dlhší čas. A len tých lenivých nenapadlo vidieť, ako to vzniklo a z čoho sa skladá. Na všetky tieto otázky nebude možné odpovedať, pretože existuje veľa spôsobov, ako vytvoriť web, ale pozrieť sa na príkazy a kódy, z ktorých pozostáva, je možný a verejne dostupný pre všetkých.

Ďalšou otázkou je, či osoba, ktorá sa nepodieľa na programovaní, porozumie niektorému zo symbolov tvoriacich kód. Ale z príkladov, ktoré budú umiestnené nižšie, bude môcť ktorýkoľvek používateľ prehliadača Google Chrome zobraziť jednotlivé prvky webov.

Ako zobraziť zdrojový kód html stránky v prehliadači od spoločnosti Google

Aby ste mohli vidieť kód stránky v prehliadači Chrome, musíte prejsť na web, ktorý vás zaujíma, a postupovať podľa týchto krokov:

Tieto dva body sa navzájom líšia svojou funkčnosťou a informačnou hodnotou pre používateľa, programátora alebo hackera.

Aký je rozdiel medzi kódom stránky a iba príkazom „Zobraziť kód“

Analýzou každej z týchto funkcií môžete napísať samostatný článok. Pre programátorov je tento rozdiel podstatný a rozumejú, v ktorých prípadoch je potrebné použiť možnosť „Zobraziť kód“ a v ktorých „Zobraziť kód stránky“ v prehliadači Google Chrome.

Ale pre priemerného používateľa môžete vysvetliť, že tieto funkcie môžete rozdeliť do nasledujúcich úloh:

1. „Zobrazenie kódu stránky“ je potrebné iba na zobrazenie hlavnej kombinácie stránky. V zásade ide o štruktúru webu (bez ďalších modelov vo forme súborov CSS a ďalších doplnkov, ktoré zostali v priečinku tvorcu webu). Táto štruktúra nie je vhodná na vytvorenie vlastnej stránky pomocou „copy-paste“, ale umožní vám zistiť, čo presne programátor urobil a v akom poradí, aby stránka v prehliadači Google Chrome mala taký externý dizajn.
2. Zobraziť kód zobrazuje podrobnú štruktúru zvýrazňujúcu všetky oblasti, ktoré sú ovplyvnené na stránke. Ak umiestnite kurzor myši na konkrétny kód zoznamu, zvýrazní sa tým prvok na webe, ku ktorému patrí.
3. Zobrazenie kódu stránky sa otvorí v samostatnom prehliadači bez možnosti úpravy. To znamená, že je vhodný iba na kopírovanie a čítanie kódu lokality. Ale toto je rovnako užitočná vlastnosť.
4. „Zobraziť kód“ je premenlivý a môžete upravovať ľubovoľné prvky, ako vám to vyhovuje. Všetky tieto zmeny budú samozrejme „aktívne“, kým sa stránka neobnoví. Niekedy je však zábavné prechádzať týmito nastaveniami a pochopiť, na čo tá či tá hodnota slúži a čo sa stane, keď ju zmeníte. Nepredpokladajte, že by ste tým poškodili seba alebo web - tieto zmeny sú platné iba v kóde prehliadača Google Chrome a nie sú online.

Zvážte otázku, ako zobraziť kód prvku

Ak máme na takúto otázku odpovedať, potom sa navrhuje iba variant s príkladom. Pretože v jednom článku je veľmi ťažké stať sa človekom, ktorý tejto téme bude rozumieť (webový vývojár), ale ukázať príkladom, aby bola otázka vyriešená, je oveľa jednoduchšie.

Funkčnosť kódu prvku je veľmi široká, takže si vezmeme jedno zo slov na stránkach prehľadávača Google Chrome. Chceli sme zvážiť, aké kľúčové slová (v kóde budú uvedené ako „kľúčové slová“) boli použité pre náš web. Za týmto účelom vykonáme nasledujúci algoritmus:

Ďalšie spôsoby použitia tejto funkcie v prehliadači Google Chrome

Všeobecne platí, že pri ďalšom odpovedaní na otázku, ako zobraziť kód prvku a prečo je potrebný, by ste mali uviesť jeho funkcie. Vďaka možnosti zobraziť kód prvku ľubovoľnej stránky v prehľadávači Google Chrome môžeme:

• Pozrite sa na štruktúru webu, ktorá začína od head („hlavička webu“) a končí na end (konečný príkaz ľubovoľného programu);
• Zobraziť všetky funkcie stránky, menovite: odkazy na iné stránky, ďalšie moduly z externých stránok a prítomnosť zabudovaných počítadiel na zhromažďovanie rôznych informácií;
• Zistite, či je kopírovanie zo stránok zakázané alebo nie;
• Kód bude obsahovať všetky odkazy na iné stránky webu, ako aj ich dizajn a následné akcie po kliknutí na ne.

Toto zďaleka nie je konečný zoznam. Je však potrebné pripomenúť, že bez špeciálnych znalostí je takmer nemožné „prečítať“ kód stránky Google Chrome a získané údaje sú pre bežného používateľa prakticky nepotrebné.

Položka „Zobraziť kód položky“ nefunguje

Malo by sa hneď povedať, že každá stránka bude mať otvorený prístup ku kódom prvkov. To znamená, že aj najobľúbenejšie a najdrahšie stránky budú otvorené na prezeranie ich kódu. Ak teda položka v prehliadači Google Chrome nie je aktívna alebo obsahuje chybu, má to nasledujúce možné dôvody:

• Užívateľský profil je poškodený;
• Prítomnosť malvéru v počítači;
• Blokovanie so špecifickým rozšírením na zvýšenie výkonu (aj keď to môže byť).

Oprava poškodeného užívateľského profilu

Ak chcete vytvoriť nový profil, musíte ten starý z počítača odstrániť. Postupujte takto:

1. Zatvorte prehliadač Google Chrome a spustite vstavaný prehľadávač Windows Explorer.
2. Do panela s adresou zadajte nasledujúci príkaz:% LOCALAPPDATA% \\ Google \\ Chrome \\ User Data \\.
3. Po otvorení adresára vyhľadajte priečinok „Predvolené“ a do jeho názvu pridajte „Záloha“, čím získate toto: „Predvolené zálohovanie“.
4. Teraz po reštartovaní prehliadača Chrome sa vytvorí nový profil.

Odstraňujeme malvér alebo jeho zvyšky

Ak nám nový profil neumožnil prístup ku kódu prvku stránky a stále sa nám zobrazuje chyba, mali by sme urobiť toto:

1. Otvorte príkazový riadok systému Windows („Spustiť“) a zadajte tam príkaz „cmd“.
2. Do riadku zadáme nasledujúci príkaz: RD / S / Q "% WinDir% \\ System32 \\ GroupPolicyUsers".
3. Po potvrdení akcie jazdíme v tomto: RD / S / Q „% WinDir% \\ System32 \\ GroupPolicy“.
4. Teraz „gpupdate / force“ (bez úvodzoviek).

Ak bolo všetko vykonané správne, potom po reštartovaní počítača otvorí Google Chrome kód prvku a prehliadač bude fungovať normálne.

Ctrl + U

Ako môžem zobraziť zdrojový kód položky?

Kliknite pravým tlačidlom myši na prvok záujmu na stránke.

Google Chrome: „Zobraziť kód položky“

Opera: "Preskúmať prvok"

FireFox: „Analyzovať prvok“

Vyhľadajte podobnú položku ponuky v iných prehliadačoch.

Ahojte všetci!

Najmä na začiatku článku som uviedol celú pointu pre tých, ktorí hľadajú rýchlu odpoveď.

Tieto informácie môžu byť známe mnohým, ale keďže píšem pre začínajúcich blogerov, programátorov webových stránok a ďalších prospektorov, musí byť tento článok pomoci k dispozícii.

V budúcnosti si určite preštudujete zdrojový kód stránok a jednotlivých prvkov.

Pozrime sa na konkrétny príklad toho, ako môžete použiť zobrazenie zdroja stránky.

Napríklad by sme chceli zistiť, ktoré kľúčové slová sa používajú pre konkrétnu stránku. Prejdeme na webovú stránku, ktorá nás zaujíma, a stlačíme Ctrl + U. Zdrojový kód tejto stránky sa otvorí v samostatnom okne alebo na samostatnej karte. Stlačte Ctrl + F nájsť kúsok kódu. V takom prípade zadajte do vyhľadávacieho poľa slovo „ kľúčové slová ".Automaticky budete presmerovaní na útržok kódu s touto metaznačkou a hľadané slovo sa zvýrazní.

Analogicky môžete vyhľadávať a študovať ďalšie časti kódu.

Prezeranie celého zdrojového kódu stránky nie je vo väčšine prípadov príliš pohodlné, takže vo všetkých prehliadačoch je možné zobraziť kód jednotlivého prvku alebo fragmentu.

Použime konkrétny príklad na zobrazenie kódu prvku. Pozrime sa napríklad, či má odkaz atribút nofollow. Pravým tlačidlom myši kliknite na odkaz, ktorý nás zaujíma, a v rozbaľovacej kontextovej ponuke kliknite ľavým tlačidlom myši na položku „Zobraziť kód položky“ alebo podobné (v závislosti od vášho prehliadača). Ďalej v špeciálnom okne na analýzu kódu dostaneme niečo podobné.

Vidíme, že rel \u003d "nofollow" je prítomný v kóde odkazu. To znamená, že tento odkaz nebude „unikať“ a PR. O tom si podrobnejšie povieme v nasledujúcich článkoch. Dôležité je teraz to, že teraz viete, ako zobraziť zdrojový kód stránky a zdrojový kód jednotlivého prvku.

Veľkosť a farba niektorých dôležitých prvkov blogu, ako je názov blogu alebo príspevku, čím viac značiek a podobne Potrebný kód som hľadal ručne, experimentoval s testovacou doménou, na základe čoho bol článok neskôr napísaný.

A nedávno som potreboval zmeniť farbu odkazov. Keď som do tejto problematiky vložil množstvo literatúry, uvedomil som si jednoduchú vec: každý dáva príklady zo svojich vlastných šablón, ale každý máme iné šablóny a je dobré, ak je kód z príkladu čo i len trochu podobný: Nie som kňučanie, stále to nájdem rolovaním - metódou poke.

Číslo s referenčným kódom neprešlo. Všetky smerovali úplne inými cestami. Zaujímalo ma, či existuje jednoduchý a presný nástroj, ako nájsť požadovaný html kód na ľubovoľnej stránke. Mnoho blogerov, aj keď má skúsenosti, je ťažké mierne vylepšiť šablónu. Nie je na tom nič zlé, pretože každý má svoje vlastné záujmy a ciele týkajúce sa vytvorenia webovej stránky.

Ak chcete napríklad urobiť malé zmeny v šablóne zmeniť ľubovoľný názov, názov článkov a nadpisov, farbu a veľkosť písma a odkazov,zvyčajne sa stačí naučiť jednoduchý princíp diskutovaný v tomto článku. Existujú však aj zložité prípady, ktoré si vyžadujú buď hlbšie preštudovanie html a css, alebo pomoc odborníka.

Raz ma priateľ požiadal, aby som zistil, kde je možné zmeniť farbu lišty nadpisu v jeho šablóne. Téma bola nahraná do testovacej subdomény. Nastavenia tohto prvku neboli uložené v style.css, ale v inom súbore, takže ho osoba nemohla nájsť.

Ako nájsť a zmeniť html a css kód stránky

Ak nemáte radi dlhé články, pre vás na konci článku videonávod, ktorý hovorí, ako môžete vidieť html kód webu pomocou programu Poznámkový blok ++ a ako vykonávať zmeny v dizajne ľubovoľnej šablóny pomocou príkladu, ako zmeniť farbu písma. Vo videu sú ďalšie jemnosti týkajúce sa manipulácie s blogom. A pre tých, ktorí majú bližšie a jasnejšie k textu, je nižšie podrobná analýza témy pomocou snímok obrazovky.
httpv: //youtu.be/uIlVvwCt2ho

Pojmy a pojmy

Bolo by presnejšie nazvať článok „ Ako nájsť kód CSS„, Ale rozhodol som sa zostať pri„ nesprávnom “mene, pretože odpoveď na túto otázku sa v zásade hľadá v html. CSS a HTML sú veľmi odlišné veci, aj keď sú to dve časti toho istého systému. Na internete je veľa technických článkov, stačí nám tu pochopiť, že:

• Html - je zodpovedný za štruktúru stránky (čo nasleduje po čom, v akom poradí atď.). Toto je základ, na ktorom je stránka postavená. Ak to porovnáme s domom, tak toto je jeho dispozičné riešenie, usporiadanie miestností.
• CSS - zodpovedný za dizajn (aké písma, veľkosti, farby a podobne). Toto je všeobecný štýl domu a štýl jeho jednotlivých miestností: aký druh tapety bude, lampy, záclony, nábytok. Preto dokument, v ktorom css kódy, nazývané „štýlový list“

A ak ste premýšľali, ako zmeniť napríklad farbu nadpisu stránky, veľkosť písma v textoch alebo farbu nadpisov v bočnom paneli, musíte toto všetko hľadať v šablóne so štýlmi CSS. Toto je jediná vec, ktorú by ste mali pochopiť, aby ste mohli sami vykonať zmeny v kóde.

Rád premieňam komplex na jednoduchý. Pamätám si veľmi dávno, keď som mal svoje prvé veľmi staré auto, elektroinštalácia bola prehnitá, často zhoreli poistky a zakaždým som ho ťahal za vlekom na čerpaciu stanicu. Predstavte si, koľko peňazí sa vyhodilo, a to napriek tomu, že nezávislá náhrada, ako sa ukázalo, stojí cent.

Raz som sa pozrel, čo pán robí. Stále neviem, ako poistka funguje. Ale viem, kde to zmeniť). Motor by som sám neopravil a nie je ťažké vymeniť poistku. Rovnako je to aj s webovými stránkami.

Ak sa nechcete stať programátorom, nemusíte hlboko rozumieť programovaniu. Stačí jasne pochopiť, čo je na čo určené, kde to hľadať a ako to zmeniť. Je lepšie zmeniť, čo je možné, a zvyšok nechať na odborníkov. Tento článok obsahuje užitočný odkaz na túto tému.

Musím byť odborníkom na všetko

V seo blogoch sa často diskutuje o tom, či musí nováčik hlboko porozumieť v html, alebo ešte lepšie - naučiť sa písať webové stránky sami, aby bolo všetko jedinečné .. No, neviem - každému jeho vlastnému, a potom kto je niekomu bližšie. Zaujíma ma to trochu viac, takže sa teraz dodatočne učím od Vladimíra. V novembri tohto roku si Vladimír otvoril vlastný blog. Jeho blog je tvorený na najjednoduchšej, bezplatnej šablóne, len ju pre seba mierne upravil.

Po 10 dňoch existencie sa blog umiestnil na 104. mieste v rebríčku všetkých stránok na Runete s prevádzkou okolo 1,5 tisíc ľudí za deň. O 10 dní. Aká je teda dohoda? Vladimír sa dobre vyzná v html, môže si objednať a kúpiť jedinečnú šablónu. Mali by ste tomu rozumieť tajomstvo nespočíva vo vzorcoch, ale v užitočnosti informácií.

Kde sa skrýva html kód

Ospravedlňujeme sa za odbočku, späť k našim kódom). Povedzme, že chcete zmeniť farbu písma názvu blogu. Uvažujme o tom na príklade môjho testovacieho webu.

1. Otvorenie stránky v prehliadači Google Chrome (ak ho ešte nepoužívate, nainštalujte si ho - je dobre zaostrený na prácu so stránkami, má veľa zabudovaných nástrojov).
2. Umiestnite kurzor myši na prvok, ktorý ideme zmeniť ... V tomto prípade názov blogu. Kliknite na ňu „pravou“ myšou a v zobrazenom okne vyberte ZOBRAZIŤ KÓD PRVKOV.

DÔLEŽITÉ: nezamieňajte s KÓDOM ZOBRAZENIA STRÁNKY! Teraz nepotrebujeme celú stránku, iba jeden prvok.

Kliknite na ňu - v dolnej časti prehliadača sa zobrazí okno na zobrazenie kódu:

Riadok kódu, ktorý meníme, je zvýraznený červenou farbou.

Ale oblasť zvýraznená modrou farbou obsahuje to, čo hľadáme. Na tomto mieste nájdete presný (a nie približný) riadok kódu, ktorý je zodpovedný za písma, farbu, veľkosť, dôraz a ďalšie. Týmto spôsobom môžete zistiť ŽIADNY kód ľubovoľného prvku ľubovoľnej šablóny.

Nájdite požadovaný riadok v bloku zvýraznenom modrou farbou. Napravo je posúvač, ktorý môžete posúvať a nájsť požadovaný riadok.

Všeobecná zásada, kde sa čo hľadá:

Názov písma - v riadku FONT FAMILY

Veľkosť písma - v rade VEĽKOSŤ PÍSMA

Farba písma - v riadku FARBA

Existujú tri hlavné riadky, ktoré menia názov, veľkosť a farbu písma ľubovoľného prvku. Poloha riadku v dokumente je uvedená vpravo v riadku css štýlu. Ak potrebujete zmeniť nejaký iný prvok (napríklad potrebujete zistiť, kde sa nachádza riadok, v ktorom môžete zmeniť farbu lišty ponuky alebo farbu odkazov), všetko sa deje úplne rovnako.

POZOR:

riadok, ktorý skopírujeme, je na obrázku zvýraznený červenou farbou,

nájdete ho neskôr v šablóne so štýlmi.

4. Skopírujte riadok... Keďže v tomto príklade chceme zmeniť farbu názvu stránky, skopírujem riadok na druhom obrázku zvýraznený červeným obdĺžnikom. V mojej šablóne je zodpovedná za zmenu farby názvu stránky:

#header h1 a, #header h1 a: navštívené (

Vyhľadajte požadovaný riadok v súbore štýlov (style.css). To sa deje už v administrátorskej oblasti. Dôrazne žiadam, aby aj keď neexistuje dôvera a úplné porozumenie, všetky experimenty by sa mali vykonať na testovacej subdoméne, aby sa vylúčili.

Prejdite teda na panel správcu: KONZOLA - VZHĽAD - REDAKCIA. Na pravom bočnom paneli nájdeme súbor STYLE TABLE (STYLE.CSS), otvoríme ho.

Teraz otvorte panel vyhľadávania pomocou klávesov CTRL + F: v hornom okne sa zobrazí prázdne riadkové okno. Vložíme do nej riadok, ktorý sme skopírovali v kroku 4.

Uvidíte, ako je tento riadok zvýraznený v šablóne štýlov (na obrázku - oranžovou farbou):

Robíme zmenu prvku. V našom prípade zmeníme farbu písma, takže do riadku FARBA dosadíme inú hodnotu - farbu, ktorú chceme. V príklade je čierna farba, jej hodnota je:

Farbu môžete zvoliť v ktorejkoľvek službe palety webových farieb: zadajte do vyhľadávača „Paleta webových farieb“ a vyberte požadovanú farbu. Vyberte farbu, skopírujte jej digitálnu hodnotu a opatrne ju nahraďte starou. potom kliknite na AKTUALIZOVAŤ SÚBOR a choďte sa pozrieť, čo sa stalo.

Ak sa zmeny nezobrazili, za poslednú hodinu prejdite na stránku znova - tentoraz by sa malo zobraziť všetko.

Opisuje sa to dlho, ale v praxi sa všetko robí rýchlo, najmä keď sa objaví počiatočná zručnosť.

Podrobnejšie, ako zmeniť určité prvky:

To je na dnes všetko, už vás nebudem trápiť kódmi. Dúfam, že teraz sami ľahko nájdete a zmeníte akýkoľvek prvok html kódu, respektíve CSS kódu - odborníci mi toto zjednodušenie odpustia. Ak tomu nerozumiete, navštívte stránku. Nestrácajte čas nezmyslami.

Navrhujem pozrieť si video od Artema Abramoviča, ako hľadať a nájsť v ľubovoľnej téme / šablóne ľubovoľné slovo alebo prvok pre ľubovoľný engine (wordpress, joomla atď.) A nahradiť ho tým, čo potrebujete:

Zdieľajte, ak sa vám páčilo:

Možno by vás zaujímalo dozvedieť sa viac:

Možnosť nahliadnuť do úvodnej kód web strán , ktorý prehliadač prijme na základe požiadavky na server, sa nachádza prakticky v každom internetovom prehliadači. Prístup k príslušnému príkazu je organizovaný približne rovnakým spôsobom, existujú však značné rozdiely v tom, v akej metóde a v akej podobe sa vám zobrazí úvodná kód .

Inštrukcie

1. V prehliadači Mozilla FireFox otvorte v ponuke sekciu „Zobraziť“ a kliknite na „Počiatočné“ kód strán „. Rovnaká položka sa nachádza v kontextovej ponuke, ktorá sa zobrazí po kliknutí pravým tlačidlom myši na text strán ... Je tiež povolené používať kombináciu klávesov CTRL + U. Mozilla FireFox nepoužíva externé programy - počiatočné kód strán so zvýraznením syntaxe sa otvorí v samostatnom okne prehliadača.

2. V prehliadači Internet Explorer kliknite v ponuke na časť Súbor a vyberte možnosť Upraviť v poznámkovom bloku. Namiesto názvu Poznámkový blok môžete napísať iný program, ktorý ste priradili v nastaveniach prehľadávača na zobrazenie pôvodného názvu kód a. Po kliknutí strán kliknutie pravým tlačidlom myši na kontextovú ponuku, ktorá obsahuje aj položku umožňujúcu otvorenie počiatočnej položky kód strán v externom programe - „Zobraziť HTML- kód a „.

3. V prehliadači Opera otvorte ponuku, prejdite do sekcie „Stránka“ a pravdepodobne uprednostníte položku „Počiatočné“ kód „Alebo položka„ Počiatočné kód rám “. Tomuto výberu sú priradené klávesové skratky CTRL + U a CTRL + SHIFT + U. V kontextovej ponuke ukotvenej ku kliknutiu strán pravým tlačidlom myši, je tu aj položka „Počiatočné kód „. Opera otvára zdroj strán v externom programe, ktorý je priradený v OS alebo v nastaveniach prehliadača na úpravu súborov HTML.

4. Prehliadač Google Chrome má bezpochyby najlepšiu organizáciu prehľadávania ako pôvodný kód a. Kliknutím pravým tlačidlom myši na stránku môžete uprednostniť možnosť Zobraziť kód a strán „A potom sa zdroj so zvýraznením syntaxe otvorí na samostatnej karte. Alebo môžete uprednostniť riadok „Zobraziť kód prvok “a prehliadač na tej istej karte otvorí dva ďalšie rámce, v ktorých môžete skontrolovať HTML a CSS kód akýkoľvek prvok strán ... Prehliadač bude reagovať na pohyb kurzora po riadkoch kód a, zvýraznenie prvkov na stránke, ktoré zodpovedajú tejto časti HTML- kód a.

5. V prehliadači Apple Safari rozbaľte sekciu „Zobraziť“ a vyberte riadok „HTML Preview- kód a „. V ponuke, ktorá sa zobrazí po kliknutí pravým tlačidlom myši na otvorenú položku strán , má zodpovedajúca položka názov „Zobraziť zdroj“. K tejto akcii je priradený aktívny CTRL + ALT + U. Počiatočné kód sa otvorí v samostatnom okne prehľadávača.