Hapni kodin e faqes Yandex. Si të ndryshoni kodin e faqes në Google Chrome

Në fillim, disa mund të mendojnë se ky nuk është fare një mjet i nevojshëm, por shikimi i të gjithë kodit HTML të një faqeje është i shkëlqyeshëm për të gjetur elementët e nevojshëm në kod, këto mund të jenë lidhje, etiketa, meta etiketa, atribute dhe elementë të tjerë. .

Kombinimi i çelësave të nxehtë +hapni dritaren e kërkimit, në shfletuesin Chrome shfaqet lart djathtas:

Figura 3. Kërko sipas kodit të faqes

Pasi të vendosni një kërkesë në formularin e kërkimit, ekrani do të kalojë te elementi i parë i gjetur, duke përdorur shigjetat që mund të lëvizni midis tyre dhe të zgjidhni atë që ju nevojitet:

Figura 4. Kërko sipas kodit të faqes HTML

Udhëzimi 2: si të shikoni dhe modifikoni kodin HTML dhe CSS të një siti në shfletuesin Google Chrome

Tani pjesa më e rëndësishme, në të cilën unë do të tregoj se si mund të modifikoni kodin HTML dhe CSS të një faqe interneti në një shfletues. pastaj transferoni ndryshimet në shfletues.

Ky mjet i dobishëm është gjithmonë i disponueshëm në shfletuesin tuaj; eksperimentoni me komanda të tjera që do ta bëjnë më të lehtë për ju të modifikoni faqen tuaj.

Ditë të mbarë, të dashur lexues të blogut tim. Ndonjëherë ju gjeni ndonjë veçori të bukur në një faqe interneti dhe filloni të pyesni veten se si krijuesi arriti një efekt kaq interesant.

Rezulton se përgjigja është mjaft e thjeshtë. Dhe nëse keni disa aftësi, mund të grumbulloni shumë nga këto veçori dhe të krijoni uebsajtin tuaj unik në një kohë të shkurtër.

Sot do të flasim se si të hapni kodin e një faqeje, një elementi të caktuar dhe të mësojmë se si ta përdorni këtë aftësi për përfitimin tuaj.

Njohuri bazë të kodit

Faqja ime është menduar për fillestarët dhe së pari do të doja të flisja shkurtimisht për faqet dhe kodin në përgjithësi.

Për të vizatuar një fotografi, pastaj prerë atë në pjesë të vogla, shkruani kodin në mënyrë që shfletuesi të ribashkojë të gjithë elementët në një tërësi të vetme. A duket gjithçka shumë e ndërlikuar? Aspak, dhe nuk ka kuptim të pikëlloheni për këtë.

Kështu krijohen faqet e internetit me cilësi të lartë. Nëse dëshironi, përfshihuni në këtë çështje dhe studioni; nëse nuk dëshironi, askush nuk mund t'ju detyrojë.

Do të them vetëm një gjë... nuk ka asgjë më të këndshme sesa të shohësh se si fjalët e pakuptueshme që ke shkruar shndërrohen në një tërësi të vetme dhe marrin jetë: lidhjet funksionojnë, butonat lëvizin, fotot lëvizin, teksti zvarritet. Unë mendoj se e di se si u ndje Victor Frankenstein.

Kur filloni të kuptoni gjuhën sekrete dhe shihni se gjithçka është në të vërtetë shumë më e thjeshtë nga sa dukej fillimisht, nuk mund të mos besoni në forcat dhe aftësitë tuaja të trurit. Kjo është shumë e lezetshme.

Si bëhen faqet e internetit? Idealisht, së pari. Ai thjesht po pikturon një foto. Për shembull, siç tregohet në foton më poshtë. Tani për tani është vetëm një imazh, një fotografi. Asnjë lidhje nuk funksionon, kur klikoni nuk shkoni askund, nuk kryhet asnjë kërkim.

Sipas këtij vizatimi. Shikoni pamjen e ekranit më poshtë. Ju mund të mendoni se ky është një grup simbolesh qesharake dhe shumë komplekse. Në fakt, gjithçka nuk është aq e ndërlikuar, ekziston një algoritëm i caktuar.

Ka vetëm rreth 150 etiketa dhe secila prej tyre është përgjegjëse për një veprim specifik: lidhje, vizë ndarëse, bold, ngjyra, titull, etj. Kuptimi i tyre nuk është aq i vështirë nëse keni dëshirë dhe nuk e shqetësoni kohën.

Falë njohurive për këto atribute, ju mund të zgjidhni pothuajse çdo problem. Por secili zhvillues gjen mënyrat e veta për të arritur qëllimin.

Krijuesit me përvojë shohin menjëherë se si të arrijnë rezultate, ndërsa të tjerët duhet të mendojnë, të kërkojnë përgjigjen në artikuj ose në kodin burimor të konkurrentëve. Ata thjesht marrin pjesën e nevojshme nga një faqe e palës së tretë dhe e modifikojnë vetë. Kjo shkurton ndjeshëm procesin e punës.

Pak më vonë, unë do t'ju tregoj një shembull specifik.

Shiko kodin

Pra, më lejoni së pari t'ju tregoj se si të veproni nëse keni nevojë të zbuloni html-in e dikujt tjetër. Më pas do t'i shqyrtojmë të gjitha pyetjet e tjera në mënyrë më të detajuar.

Menyra me e mire

Metoda që do të përshkruaj së pari është pak e ndërlikuar për fillestarët, por si hyrje, lexoni atë. Hapni faqen dhe klikoni në butonin e djathtë të miut. Zgjidhni "Ruaj si..."

Ruani të gjithë faqen e internetit. Siç mund ta shihni në pamjen e ekranit, unë kam shkarkuar tashmë gjithçka paraprakisht. Këtu kemi dy dosje.

Gjithçka që ju nevojitet është këtu. Çdo element. Nëse e kuptoni këtë, mund të merrni shpejt gjithçka që ju nevojitet. Por një detyrë e tillë po bëhet gjithnjë e më e pamundur. Nuk ka shkarkim. Çfarë duhet të bëni nëse është e ndaluar të kopjoni një faqe?

Ky është Google Chrome

Siç mund ta keni vënë re tashmë, unë përdor më shpesh Google Chrome dhe të mësosh kodin e dikujt tjetër në këtë shfletues është po aq e lehtë sa të vrasësh dardha. Si në parim me çdo tjetër. Skema jo vetëm që do të jetë e ngjashme, por edhe identike. Hapni faqen kodin e së cilës duam të dimë dhe kliko me të djathtën kudo. Në dritaren që shfaqet, klikoni "Shiko kodin e faqes".

Një fletë kodi do të hapet në një dritare të re, e cila është mjaft e vështirë për një fillestar për t'u kuptuar. Por mos u shqetësoni para kohe.

Nëse duhet të dini kodin e vetëm një elementi, thjesht kaloni mbi të me miun dhe kliko me të djathtën. Zgjidhni një funksion tjetër të Chrome: "Shiko kodin e elementit".

Për shembull, mund të më interesojë se si është bërë logoja, duke përdorur një fotografi apo një gjuhë programimi? Në fund të fundit, ju mund të vizatoni një katror duke përdorur CSS. Shumë ekspertë këshillojnë të shkruani sa më shumë informacion të jetë e mundur në kod. Si funksionojnë në faqet e njohura?

Tani janë shfaqur informacionet e nevojshme. html në krye, css në fund. Këto janë dy gjuhë. E para është përgjegjëse për komponentin e tekstit, dhe e dyta për dizajnin. Nëse nuk do të kishte CSS, atëherë do të duhet të specifikoni ngjyrën dhe madhësinë e shkronjave çdo herë. Për çdo faqe, kjo është shumë e gjatë. Por nëse nuk do të kishte html, atëherë nuk do të kishim tekste. E shpjegova përafërsisht, por në përgjithësi, kështu është.

Nga rruga, nëse jeni të interesuar se si funksionon këtu, mund të shikoni lidhjen në foton më poshtë. Këtu është përgjigja juaj.

Mozilla Firefox

Nëse ju pëlqen të punoni në mastikë, atëherë gjithçka do të jetë saktësisht e njëjtë. Hapni faqen dhe klikoni në butonin e djathtë të miut. "Kodi burimor i faqes" nëse dëshironi të shihni të gjithë kodin.

Kur rri pezull mbi një element, mund të hapësh kodin e tij.

Këtu të dhënat shfaqen në fund të ekranit, por përndryshe gjithçka është saktësisht e njëjtë.

Shfletuesi Yandex

Në shfletuesin Yandex, gjithçka është saktësisht e njëjtë si në dy opsionet e mëparshme, hapni faqen, kliko me të djathtën, shiko kodin e faqes.

Ne e vendosim kursorin mbi një element nëse duam të zbulojmë saktësisht kodin e tij.

Gjithçka shfaqet këtu saktësisht njësoj si në Chrome.

Opera

Dhe së fundi, Opera.

Meqë ra fjala, mund të keni vënë re se nuk keni nevojë të përdorni miun. Ekziston një shkurtore e shpejtë e tastierës për të hapur kodin dhe është e njëjtë për të gjithë shfletuesit: CTRL+U.

Për elementet: Ctrl+Shift+C.

Kështu duket rezultati.

Kjo do të jetë interesante për fillestarët

Tani shikoni se si funksionon gjithçka. Ju gjeni një faqe dhe ju pëlqen vërtet një element. Për shembull, ky. Ju tashmë e dini se si të hapni kodin e elementit.

Tani kopjojeni.

Unë përdor , ngjit këtë kod në një skedar të ri html, në etiketën e trupit (trupi në anglisht).

Tani le të shohim se si do të duket gjithçka në shfletues.

Gati. Në mënyrë që teksti të rreshtohet në skajet dhe të marrë një ngjyrë të gjelbër, duhet të lidhni css me këtë dokument dhe të kopjoni një kod tjetër nga faqja nga e cila e kopjuam këtë.

Nuk do ta bëj këtë tani. Kjo kërkon më shumë kohë: edhe e imja edhe e juaja. Mendoj se do t'i përshkruaj të gjitha detajet në publikimet e mia të ardhshme. Abonohuni në buletinin dhe jini të parët që do të dini kur shfaqet një artikull.

Nëse nuk mund ta duroni, por dëshironi të mësoni më shumë rreth html dhe css tani, atëherë unë tradicionalisht mund t'ju rekomandoj kurse trajnimi falas.

Këtu janë 33 mësime që do t'ju lejojnë të zotëroni html - "Kurs falas në HTML" .

Dhe këtu është informacion i plotë në lidhje me css - "Kurs falas për CSS (45 mësime video!)" .

Tani ju dini pak më shumë. Ju uroj suksese në përpjekjet tuaja. Shihemi perseri!

Çdo përdorues i internetit ka faqet e tij të preferuara në të cilat ai shpenzon një kohë të gjatë. Dhe vetëm dembelët nuk menduan të shikojnë se si u krijua dhe nga çfarë përbëhej. Është e pamundur t'u përgjigjesh të gjitha këtyre pyetjeve, pasi ka shumë mënyra për të krijuar një faqe interneti, por të shikosh komandat dhe kodet që përbëjnë atë është e mundur dhe e disponueshme publikisht për të gjithë.

Një pyetje tjetër është nëse një person që nuk është i përfshirë në programim do të kuptojë ndonjë nga simbolet që përbëjnë kodin. Por nga shembujt që do të jepen më poshtë, çdo përdorues i Google Chrome do të jetë në gjendje të shikojë elemente individuale të sajteve.

Si të shikoni kodin burimor të një faqe html në një shfletues Google

Që të mund të shikoni kodin e faqes në Chrome, duhet të shkoni te faqja që ju intereson dhe të kryeni hapat e mëposhtëm:

Këto dy artikuj ndryshojnë në funksionalitetin dhe informacionin e tyre për përdoruesin, programuesin ose hakerin.

Cili është ndryshimi midis kodit të faqes dhe komandës "Shiko kodin"?

Duke analizuar secilën prej këtyre funksioneve, mund të shkruani një artikull të veçantë. Për programuesit, ky ndryshim është i rëndësishëm dhe ata e kuptojnë se në cilat raste është e nevojshme të përdoret "Shiko kodin" dhe në cilin "Shiko kodin e faqes" në shfletuesin Google Chrome.

Por duke shpjeguar për përdoruesin mesatar, këto funksione mund të ndahen në qëllimet e mëposhtme:

1. "Shiko kodin e faqes" është i nevojshëm vetëm për të parë kombinimin kryesor të faqes. Në thelb, kjo është struktura e faqes (pa modele shtesë në formën e skedarëve CSS dhe shtesave të tjera që mbeten në dosjen e krijuesit të faqes). Kjo strukturë nuk është e përshtatshme për të krijuar faqen tuaj duke "copy-pasting", por do t'ju lejojë të shihni se çfarë bëri saktësisht programuesi dhe në çfarë sekuence për të siguruar që faqja në shfletuesin Google Chrome të kishte një dizajn të tillë të jashtëm.
2. "View Code" shfaq një strukturë të detajuar, duke theksuar të gjitha zonat që preken në faqe. Nëse rri pezull mbi një kod specifik të listës, ai do të nxjerrë në pah elementin në sajtin të cilit i përket.
3. Shikimi i kodit të faqes hapet në një shfletues të veçantë pa aftësinë për ta modifikuar atë. Kjo do të thotë, është i përshtatshëm vetëm për kopjimin dhe leximin e kodit të faqes. Por ky nuk është funksion më pak i dobishëm.
4. "Shiko kodin" është i ndryshueshëm dhe ju mund të modifikoni çdo element në një mënyrë të përshtatshme për ju. Natyrisht, të gjitha këto ndryshime do të "rrojnë" derisa faqja të rifreskohet, por ndonjëherë është kënaqësi të kalosh nëpër ato cilësime dhe thjesht të kuptosh pse nevojitet kjo apo ajo vlerë dhe çfarë do të ndodhë nëse e ndryshoni atë. Ju nuk duhet të supozoni se me veprime të tilla do të dëmtoni veten ose sitin - këto ndryshime ndikojnë vetëm në kodin e Google Chrome tuaj dhe nuk hyjnë në internet.

Ne po shqyrtojmë pyetjen se si të shikojmë kodin e elementit

Nëse do t'i përgjigjenim një pyetjeje të tillë, atëherë i vetmi opsion që sugjeron vetveten është një shembull. Sepse në një artikull është shumë e vështirë të bëhesh një person që e kupton këtë temë (zhvilluesi i uebit), por të tregosh me një shembull në mënyrë që pyetja të zgjidhet është shumë më e lehtë.

Funksionaliteti i kodit të elementit është shumë i gjerë, kështu që marrim një nga fjalët në faqen e internetit të shfletuesit Google Chrome. Ne donim të merrnim parasysh se cilat fjalë kyçe (në kod do të shkruhet si "fjalë kyçe") janë përdorur për faqen tonë. Për ta bërë këtë, ne kryejmë algoritmin e mëposhtëm:

Mënyra të tjera për të përdorur këtë veçori në shfletuesin Google Chrome

Në përgjithësi, duke vazhduar t'i përgjigjeni pyetjes se si të shikoni kodin e një elementi dhe pse është i nevojshëm, duhet të rendisni funksionet e tij. Gjegjësisht, falë aftësisë për të parë kodin e një elementi të çdo faqeje në shfletuesin Google Chrome, ne mund:

• Shihni strukturën e faqes duke filluar nga kreu (“titulli i faqes”) dhe duke përfunduar me fund (komandën përfundimtare të çdo programi);
• Shikoni të gjitha funksionet e faqes, përkatësisht: lidhjet me faqet e tjera, modulet shtesë nga faqet e jashtme dhe praninë e sporteleve të integruara për mbledhjen e informacioneve të ndryshme;
• Zbuloni nëse kopjimi nga faqja është i ndaluar apo jo;
• Kodi do të regjistrojë të gjitha lidhjet në faqet e tjera të faqes, si dhe dizajnin e tyre dhe veprimet pasuese pasi të klikoni mbi to.

Kjo nuk është aspak një listë e fundme. Por duhet të kujtojmë se pa njohuri të veçanta, është pothuajse e pamundur të "lexosh" kodin e një faqeje Google Chrome dhe të dhënat e marra praktikisht nuk i nevojiten një përdoruesi të zakonshëm.

Artikulli "Shiko kodin e elementit" nuk funksionon

Duhet thënë menjëherë se çdo faqe do të ketë akses të hapur në kodet e elementeve. Kjo do të thotë, edhe faqet më të njohura dhe më të shtrenjta do të jenë të hapura për të parë kodin e tyre. Prandaj, nëse artikulli në shfletuesin Google Chrome nuk është aktiv ose gjeneron një gabim, ai ka arsyet e mëposhtme të mundshme:

• Profili i përdoruesit është i korruptuar;
• Prania e malware në kompjuter;
• Bllokimi me një shtrirje të caktuar për të rritur performancën (edhe kjo mund të ndodhë).

Rregullimi i një profili të dëmtuar të përdoruesit

Për të krijuar një profil të ri, duhet të fshini të vjetrin nga kompjuteri juaj. Për ta bërë këtë ne bëjmë sa më poshtë:

1. Mbyllni Google Chrome dhe hapni shfletuesin e integruar të Windows Explorer.
2. Futni komandën e mëposhtme në shiritin e adresave: %LOCALAPPDATA%\Google\Chrome\User Data\.
3. Kur të hapet drejtoria, kërkoni dosjen "Default" dhe shtoni "Backup" në emrin e saj në mënyrë që të duket kështu: "Backup Default".
4. Tani, pas rinisjes së shfletuesit Chrome, do të krijohet një profil i ri.

Ne heqim malware ose mbetjet e tij

Nëse profili i ri nuk na jep akses në kodin e elementit të faqes dhe ne ende shohim gabimin, duhet të bëjmë sa më poshtë:

1. Hapni linjën e komandës së Windows ("Run") dhe futni komandën "cmd" atje.
2. Futni komandën e mëposhtme në rreshtin: RD /S /Q "%WinDir%\System32\GroupPolicyUsers".
3. Pasi të konfirmoni veprimin, shkruani këtë: RD /S /Q "%WinDir%\System32\GroupPolicy".
4. Tani "gpupdate /force" (pa thonjëza).

Nëse gjithçka është bërë si duhet, atëherë pas rinisjes së kompjuterit Google Chrome do të hapë kodin e elementeve dhe shfletuesi do të funksionojë normalisht.