Hver Internett-bruker har sine egne favorittsider som han bruker lang tid på. Og bare de late tenkte ikke på å se på hvordan den ble skapt og hva den besto av. Det er umulig å svare på alle disse spørsmålene, siden det er mange måter å lage et nettsted på, men å se på kommandoene og kodene som utgjør det er mulig og offentlig tilgjengelig for alle.

Et annet spørsmål er om en person som ikke er involvert i programmering vil forstå noen av symbolene som utgjør koden. Men fra eksemplene som vil bli gitt nedenfor, kan enhver bruker Google Chrome vil kunne se individuelle elementer av nettsteder.

Hvordan se kildekoden til en HTML-side i en Google-nettleser

For at du skal kunne se sidekoden i Chrome, må du gå til nettstedet du er interessert i og utføre følgende trinn:

Disse to elementene er forskjellige i funksjonalitet og informasjon for brukeren, programmereren eller hackeren.

Hva er forskjellen mellom sidekoden og bare "View Code"-kommandoen?

Ved å analysere hver av disse funksjonene kan du skrive en egen artikkel. For programmerere er denne forskjellen betydelig, og de forstår i hvilke tilfeller det er nødvendig å bruke "Se kode", og i hvilke "Se sidekode" i Google nettleser Chrome.

Men for å forklare for den gjennomsnittlige brukeren, kan disse funksjonene deles inn i følgende formål:

1. "Se sidekode" er bare nødvendig for å se hovedkombinasjonen av siden. I utgangspunktet er dette strukturen til nettstedet (uten tilleggsmodeller i form av CSS-filer og andre tillegg som forblir i mappen til nettstedskaperen). Denne strukturen er ikke egnet for å lage din egen side ved å "kopiere og lime inn", men den lar deg se nøyaktig hva programmereren gjorde og i hvilken rekkefølge for å sikre at nettstedet i Google Chrome-nettleseren hadde en slik ekstern design.
2. "Vis kode" viser en detaljert struktur, og fremhever alle områdene som er berørt på siden. Hvis du holder markøren over en bestemt listekode, vil den fremheve elementet på nettstedet som det tilhører.
3. Se sidekoden åpnes i egen nettleser uten mulighet til å redigere det. Det vil si at den kun er egnet for kopiering og lesing av nettstedskode. Men dette er ikke mindre nyttig funksjon.
4. "Se kode" kan endres, og du kan redigere ethvert element på en måte som er praktisk for deg. Selvfølgelig vil alle disse endringene "leve" til siden er oppdatert, men noen ganger er det morsomt å gå gjennom disse innstillingene og bare forstå hvorfor denne eller den verdien er nødvendig, og hva som vil skje hvis du endrer den. Du bør ikke anta at du ved slike handlinger vil skade deg selv eller nettstedet - disse endringene påvirker kun koden til Google Chrome og går ikke online.

Vi vurderer spørsmålet om hvordan vi skal se elementkoden

Hvis vi skulle svare på et slikt spørsmål, så er det eneste alternativet som foreslår seg et eksempel. For i en artikkel er det veldig vanskelig å bli en person som forstår dette emnet (webutvikler), men å vise med et eksempel slik at spørsmålet er avgjort er mye lettere.

Funksjonaliteten til elementkoden er veldig bred, så vi tar ett av ordene på nettleseren Google Chrome. Vi ønsket å vurdere hva søkeord(i koden vil det bli skrevet som "søkeord") ble brukt for nettstedet vårt. For å gjøre dette, utfører vi følgende algoritme:

Andre måter å bruke denne funksjonen i Google Chrome-nettleseren

Generelt, for å fortsette å svare på spørsmålet om hvordan du ser på koden til et element og hvorfor det er nødvendig, bør du liste opp funksjonene. Nemlig takket være muligheten til å se koden til et element på et hvilket som helst nettsted i Google Chrome-nettleseren, kan vi:

• Se strukturen til nettstedet som starter fra head ("sideoverskrift") og slutter med end (den siste kommandoen til et hvilket som helst program);
• Se alle funksjonene til nettstedet, nemlig: lenker til andre nettsteder, tilleggsmoduler fra eksterne nettsteder og tilstedeværelsen av innebygde tellere for å samle inn forskjellig informasjon;
• Finn ut om kopiering fra nettstedet er forbudt eller ikke;
• Koden vil registrere alle lenker til andre sider på nettstedet, samt deres design og påfølgende handlinger etter å ha klikket på dem.

Dette er på ingen måte en begrenset liste. Men det bør huskes at uten spesiell kunnskap kan du "lese" koden Google-sider Chrome er nesten umulig og dataene innhentet til den gjennomsnittlige brukeren praktisk talt ikke nødvendig.

Elementet "Se elementkode" fungerer ikke

Det skal sies med en gang at hvert nettsted vil ha åpen tilgang til elementkoder. Det vil si at selv de mest populære og dyre nettstedene vil være åpne for å se koden deres. Derfor, hvis elementet i Google Chrome-nettleseren ikke er aktivt eller genererer en feil, har det følgende mulige årsaker:

• Brukerprofilen er ødelagt;
• Tilstedeværelsen av skadelig programvare på datamaskinen;
• Blokkering av en viss utvidelse for å øke ytelsen (selv dette kan skje).

Retting av en skadet brukerprofil

Å skape ny profil, må du fjerne den gamle fra datamaskinen. For å gjøre dette gjør vi følgende:

1. Lukk Google Chrome og start den innebygde Windows nettleser Utforsker.
2. Skriv inn følgende kommando i adressefeltet: %LOCALAPPDATA%\Google\Chrome\User Data\.
3. Når katalogen åpnes, se etter "Standard"-mappen og legg til "Backup" til navnet slik at den ser slik ut: "Backup Default".
4. Nå, etter å ha startet Chrome-nettleseren på nytt, opprettes en ny profil.

Vi fjerner skadelig programvare eller rester av den

Hvis den nye profilen ikke gir oss tilgang til sideelementkoden og vi fortsatt ser feilen, bør vi gjøre følgende:

1. Åpne kommandolinjen Windows-streng("Kjør") og skriv inn kommandoen "cmd" der.
2. Skriv inn følgende kommando på linjen: RD /S /Q "%WinDir%\System32\GroupPolicyUsers".
3. Etter å ha bekreftet handlingen, skriv inn dette: RD /S /Q “%WinDir%\System32\GroupPolicy”.
4. Nå "gpupdate /force" (uten anførselstegn).

Hvis alt ble gjort riktig, så etter omstart Google datamaskin Chrome vil åpne koden til elementene og nettleseren vil fungere normalt.

Når du ser gjennom utallige nettsteder på Internett, kan du komme over de vi virkelig liker. En rekke spørsmål dukker umiddelbart opp. Ble nettstedet laget med hjemmelaget kode eller en slags CMS? Hva er hans CSS-stiler? Hva er dens metakoder? Og så videre.

Det er mange verktøy som kan brukes til å trekke ut informasjon om koden til en nettside. Men vi har alltid høyre museknapp for hånden. Dette er hva vi skal bruke, ved å bruke nettstedet mitt som eksempel.

Hvordan se sidekoden?

Å se kildekoden nettstedssider, må du holde musen over et hvilket som helst område av nettsiden (unntatt bilder og lenker). Etter dette klikker du på høyre museknapp. Et vindu med flere alternativer åpnes foran oss (i forskjellige nettlesere de kan avvike litt). I Google Chrome-nettleseren, for eksempel, er disse kommandoene:

• tilbake;
• framover;
• omstart;
• lagre som;
• forsegle;
• oversette til russisk;
• se sidekode;
• se kode.

Vi må klikke videre se sidekode, og html-koden til sidesiden åpnes foran oss.

Vise sidekoden: hva bør du være oppmerksom på?

Så HTML-sidekoden er en nummerert liste over linjer, som hver inneholder informasjon om hvordan dette nettstedet er laget. For raskt å lære å forstå dette et stort antall tegn og spesialtegn, må du skille mellom ulike deler av koden.

For eksempel inneholder kodelinjer inne i head-taggen informasjon for søkemotorer og webansvarlige. De vises ikke på nettstedet. Her kan du se hvilke søkeord denne siden er promotert for, hvordan tittelen og beskrivelsen er skrevet. Du finner også en lenke her, ved å klikke på som vi vil lære om familien google fonter brukt på nettstedet.

Hvis siden er laget på CMS WordPress eller Joomla, så vil det også være synlig her. Dette området viser for eksempel informasjon om WordPress-tema eller Joomla nettsidemal. Du kan se det ved å lese innholdet i lenkene som er uthevet i blått. En lenke viser en nettsidemal.

For eksempel:

//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

Vi vil se CSS-skriftstilene på siden. I dette tilfellet brukes fonten. Dette kan sees her - font-familie: 'Source Sans Pro'.

Denne siden er optimalisert ved hjelp av Yoast SEO-plugin. Dette kan sees fra denne kommenterte delen av koden:

Denne siden er optimalisert med Yoast SEO-plugin v3.4.2 - https://yoast.com/wordpress/plugins/seo/

All informasjon inne i body-taggen vises av nettleseren på monitorskjermen. Her ser vi html-koden til siden, og helt nederst er det Yandex Metrics-skriptkoden. Den er omgitt av en kommentert kode med teksten:

/Yandex.Metrika teller

La oss oppsummere det

Etter å ha utført en ganske overfladisk analyse av koden hjemmeside nettstedet, kan vi trekke en konklusjon om verktøyene som denne siden ble laget med. Vi så på den:

• CMS WordPress;
• Google font Source Sans Pro;
• WordPress-tema – Sydney;
• Yoast plugins;
• Yandex-teller.

Nå prinsippet om analyse html-kode Siden er ganske oversiktlig. Det er slett ikke nødvendig å holde siden du undersøker åpen i nettleseren. Du kan lagre sidekoden på datamaskinen din ved å bruke tastekombinasjonene ctrl+a, ctrl+c, ctrl+v. Lim den inn i et hvilket som helst tekstredigeringsprogram (helst Notepad++) og lagre det med html-utvidelsen. Dermed kan du når som helst studere det dypere og finne mer nyttig informasjon for deg selv.

Ctrl+U

Hvordan kan jeg se kildekoden til et element?

Høyreklikk på sideelementet av interesse.

Google Chrome: "Se elementkode"

Opera: "Inspiser element"

FireFox: "Analyser element"

I andre nettlesere, se etter et menyelement med lignende betydning.

Hei alle sammen!

Jeg la spesielt frem hele poenget i begynnelsen av artikkelen, for de som leter etter et raskt svar.

Informasjonen er kanskje kjent for mange, men siden jeg skriver for nybegynnere bloggere, webprogrammerere og andre prospektører, er denne referanseartikkelen et must.

I fremtiden vil du definitivt studere kildekoden til sider og individuelle elementer.

La oss se på et spesifikt eksempel på hvordan du kan bruke visning av kildekoden til en side.

For eksempel ønsker vi å se hvilke søkeord som brukes for en bestemt side. Vi går til nettsiden vi er interessert i og trykker Ctrl+U. Kildekoden til denne siden åpnes i et eget vindu eller i en egen fane. Trykk Ctrl+F for å søke etter en kodebit. I dette tilfellet skriver vi ordet " nøkkelord". Du blir automatisk omdirigert til et kodestykke med denne metakoden og det søkeordet vil bli uthevet.

Analogt kan du søke og studere andre kodefragmenter.

Å se hele kildekoden til en side er ikke særlig praktisk i de fleste tilfeller, så det er mulig å se koden i alle nettlesere individuelle element eller fragment.

La oss bruke et spesifikt eksempel på visning av et elements kode. La oss for eksempel se om lenken har et nofollow-attributt. Klikk høyreklikk musen på lenken vi er interessert i og i rullegardinmenyen kontekstmenyen venstreklikk på elementet "Se elementkode" eller lignende (avhengig av nettleseren din). Nedenfor, i et spesielt vindu for kodeanalyse, får vi noe lignende.

Vi ser at lenkekoden inneholder rel=”nofollow” . Dette betyr at PR ikke vil "lekke" gjennom denne lenken. Vi vil snakke om dette mer detaljert i de følgende artiklene. Nå er det viktige at du nå vet hvordan du viser kildekoden til siden og kildekoden til et enkelt element.

Instruksjoner

Den enkleste måten å åpne html på er kode knyttet til bruk av innebygde nettleserfunksjoner. Hver av dem har et visningsalternativ kode sider. Så inn Nettleser Utforsker å se kode du må åpne den i menyen: "Vis" - "Vis html- kode».

For de som jobber med Opera nettleser, for å se kode du bør åpne: "Vis" - "Kildekode" eller trykk på tastekombinasjonen Ctrl + F3. Brukere Mozilla Firefox kan se html-koden ved å høyreklikke på siden og velge "Sidekildekode" fra hurtigmenyen.

Brukere som jobber med Google Chrome bør også bruke kontekstmenyen, kalt opp ved å høyreklikke på siden som vises, og velge "Vis" kode sider."

For å lagre åpen kildekode i Opera, klikk på åpen side med html "Lagre"-knappen i øvre venstre del av vinduet. I Mozilla Firefox velger du "Fil" - "Lagre side som...". HTML-kode lagres på samme måte i IE. I Google Chrome høyreklikker du den åpne kildekoden og velger "Lagre som" fra hurtigmenyen.

Hvis du trenger å jobbe med lagret kode, bruk spesielle programmer. Å mestre HTML-språk Editoren med CuteHTML-syntaksutheving er perfekt, den er veldig enkel og lett å bruke. Med dens hjelp kan du lage ganske komplekse sider.

For å jobbe profesjonelt med HTML og lage komplekse nettsteder, bruk Dreamweaver. Dette er en visuell nettstedbygger som lar deg raskt lage selv svært komplekse prosjekter. Når du jobber i dette programmet, kan du bruke ferdige nettstedsmaler, som vil øke hastigheten og forenkle opprettelsen av en Internett-ressurs betydelig.

Mange gratis maler, på grunnlag av hvilke du kan lage veldig vakre nettsteder, legges ut på Internett. Bare last ned malen du liker, åpne den i Dreamweaver og modifiser den slik du vil. Ferdige maler du kan laste ned her: http://www.internet-technologies.ru/templates/.

En Internett-side kan inneholde en lenke til Word-dokument. Når du klikker på en lenke, kan den vises både i nettleseren din og tekstredigerer. Hva er den beste måten å åpne tekstfil?

Word-editoren har ikke uavhengige innstillinger for om dokumentet sendes fra nettleseren. Alle innstillinger konfigureres direkte i Windows.

Åpne dialogboksen Filtyper ved å gjøre ett av følgende:

Trykk og hold Windows-tast(den inneholder OS-logoen og er plassert nederst på tastaturet, mellom Ctrl- og Alt-tastene).
- Dobbeltklikk på Min datamaskin-ikonet på skrivebordet.

Nå fra menyen som vises, velg Verktøy > Mappealternativer og gå til kategorien Filtyper. Du må vente noen minutter mens Windows samler inn informasjon om ulike typer filer.

Når listen vises bør du finne DOC-utvidelse på listen. Klikk på den for å markere den, og klikk deretter på "Avansert"-knappen. Du kan nå se dialogboksen Rediger filtypeegenskaper. Redigering tilbyr 2 alternativer for å vise Word-dokumenter i nettleseren.

Åpne et dokument i et tekstredigeringsprogram

Dette er standardinnstillingen. Hvis du bestemmer deg for å beholde den, trenger du bare å konfigurere noen innstillinger. Hvis du vil kunne velge om du vil åpne eller lagre et dokument, må du merke av i boksen ved siden av «Bekreft åpning etter nedlasting». Vær oppmerksom på at hvis du fjerner merket for "Spør alltid når du åpner denne filtypen", vil du ikke kunne merke av i boksen ovenfor.

Åpne et dokument i Internet Explorer

I dialogboksen Endre filtypeegenskaper merker du av i boksen ved siden av kategorien Bla gjennom i samme vindu. Denne innstillingen betyr at Word-dokumentet åpnes i Internet Explorer. Nettleseren vil bruke den tilsvarende plugin-en, hvis verktøylinje er en kombinasjon av hovedmenyen til Word og Internet Explorer. Du kan redigere og formatere dokumentet akkurat som du ville gjort i et tekstbehandlingsprogram, men noen alternativer er kanskje ikke tilgjengelige.

Det er ikke vanskelig å fjerne denne innstillingen. Bare åpne dialogboksen "Endre filtypeegenskaper" og fjern merket for "Bla gjennom i samme vindu." Etter dette vil dokumentet lastes inn i Word som standard.

Åpne et dokument i andre nettlesere

Det er mulig å åpne et dokument i andre nettlesere bare etter å ha installert spesielle plugins. For eksempel ble View Docs utviklet for Opera, og for Firefox fungerer det Google Dokumenter Seer og så videre. Også tilgjengelig stort utvalg nettbaserte verktøy som ikke krever noen nedlastinger eller installasjoner på datamaskinen din.