Hvordan finne i hvilken fil koden er plassert. Hvordan raskt åpne en sidekode i en nettleser, selv om kopiering er forbudt

1. Fjern attribusjon (lenke nedenfor - Blogger Technologies)
   Finn Attribution1 i widgetsøk-bloggmalen (liste over widgets) og slett koden sammen med delen som ligner den gamle Blogger-malen (se ovenfor 1).
2. Fjern koblingen fra "Rapporter misbruk"-widgeten. Dette er ReportAbuse1-widgeten. Vi finner i søk etter widgets:
   Hele koden ser slik ut:
   

   
   
   
   
   

3. Vi sjekker blogginnleggssiden med kommentarer og fjerner lenker analogt med de gamle bloggmalene (se over - punkt 8).
4. Vi henter linker fra blogginnlegg som er sydd inn i innleggsbildene (se punkt 5).

Hver Internett-bruker har sine egne favorittsider som han bruker lang tid på. Og bare de late tenkte ikke på å se hvordan den ble skapt og hva den består av. Det vil ikke være mulig å svare på alle disse spørsmålene, siden det er mange måter å lage et nettsted på, men å se på kommandoene og kodene den består av 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 pekt på nedenfor, vil enhver Google Chrome-bruker kunne se individuelle elementer av nettstedene.

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

For at du skal kunne se sidekoden i Chrome, må du gå til nettstedet du er interessert i og følge disse trinnene:

Disse to punktene skiller seg fra hverandre i funksjonalitet og informasjonsverdi 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 koden", og i hvilke "Se sidekoden" i Google Chrome-nettleseren.

Men for å forklare for den gjennomsnittlige brukeren, kan du dele disse funksjonene inn i følgende oppgaver:

1. "Sidekodevisning" 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 forble i mappen til nettstedskaperen). Denne strukturen er ikke egnet for å lage din egen side med "copy-paste", men den vil tillate deg å se nøyaktig hva programmereren gjorde og i hvilken rekkefølge for at nettstedet i Google Chrome-nettleseren skal ha en slik ekstern design.
2. Vis kode viser en detaljert struktur som fremhever alle områder 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. Sidekodevisningen åpnes i en egen nettleser uten mulighet til å redigere den. Det vil si at den kun er egnet for kopiering og lesing av nettstedskoden. Men dette er en like nyttig funksjon.
4. "Se kode" kan endres, og du kan redigere ethvert element som det passer for deg. Selvfølgelig vil alle disse endringene "leve" til siden er oppdatert, men noen ganger er det morsomt å klatre gjennom disse innstillingene og bare forstå hva denne eller den verdien er for, og hva som vil skje hvis du endrer den. Ikke anta at du ved å gjøre dette vil skade deg selv eller nettstedet - disse endringene er kun gyldige i koden til Google Chrome og går ikke på nettet.

Vurder spørsmålet om hvordan du kan se elementkoden

Skal vi svare på et slikt spørsmål, så foreslår bare en variant med et eksempel seg selv. For i en artikkel er det veldig vanskelig å bli en person som vil forstå dette emnet (webutvikler), men å vise ved eksempel slik at spørsmålet er avgjort er mye lettere å gjøre.

Funksjonaliteten til elementkoden er veldig bred, så vi tar et av ordene på nettstedet til Google Chrome-nettleseren. Vi ønsket å vurdere hvilke søkeord (i koden vil det bli skrevet som "søkeord") som 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 viser elementkoden og hvorfor den 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 inneholde alle lenker til andre sider på nettstedet, samt deres design og påfølgende handlinger etter å ha klikket på dem.

Dette er langt fra en endelig liste. Men det bør huskes at uten spesiell kunnskap er det nesten umulig å "lese" koden til en Google Chrome-side, og de innhentede dataene er praktisk talt unødvendige for en vanlig bruker.

Elementet "Se varekode" fungerer ikke

Det skal sies med en gang at hvert nettsted vil ha åpen tilgang til elementkodene. 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 gir en feil, har det følgende mulige årsaker:

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

Retting av en skadet brukerprofil

For å opprette en ny profil, må du slette den gamle fra datamaskinen. For å gjøre dette, gjør følgende:

1. Lukk Google Chrome og start den innebygde Windows Explorer-nettleseren.
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" i navnet for å få følgende: "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 ga oss tilgang til koden til sideelementet og vi fortsatt ser feilen, bør vi gjøre følgende:

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

Hvis alt ble gjort riktig, vil Google Chrome åpne elementkoden etter å ha startet datamaskinen på nytt, og nettleseren vil fungere normalt.

Enten du liker det eller ikke, før eller siden må du krype inn i WordPress-filene dine og redigere dem for å passe dine behov. Det er også mulighet for å ansette programmerere, men hver slik forespørsel vil koste deg penger, i de fleste tilfeller anstendige penger for enkelt arbeid som tar lite tid. For å spare pengene dine, som kan brukes på å markedsføre nettstedet ditt, og ikke på en programmerer, vil jeg lære deg hvordan du raskt finner de nødvendige kodefragmentene i plugin- eller temafiler.

Hva er et raskt søk etter php, CSS, html-filer for?

De fleste av dere, etter å ha vendt til denne artikkelen, vet allerede hvorfor de trenger en slik funksjon, søk gjennom alle filene samtidig, men hvis du kom til retten ved en tilfeldighet, vil jeg gi deg typiske eksempler som passer til dette emnet.

Du må kanskje finne:

• Klasser. Når du bestemmer deg for å fikse en klasse, eller konfigurere den annerledes, må du finne stedet der den brukes. Det vil være CSS-filer eller andre.
• Redigeringsfunksjoner. Hvis du bestemmer deg for å fikse en funksjon, kan du perfekt finne den i filene med funksjoner, men da må du finne ut hvor den kalles i andre filer.
• Rensing av emnet fra. Det er ikke uviktig å redusere antall databasespørringer, som WordPress genererer svært mange av, ved å kalle opp innebygde funksjoner, for eksempel .

Eventuelle andre problemer knyttet til å finne elementer i en ukjent fil vil bli løst av veiledningen nedenfor.

Hvordan søke etter kodefragmenter i filer?

For å komme i gang må vi laste ned og installere den raske og nyttige Notepad ++-editoren, som kan lastes ned fra denne lenken.

Etter installasjonen, gå inn i editoren og åpne filene vi trenger, jeg tar Twenty Fourteen temafiler, du kan bruke din egen.

For å åpne alle temafilene, må du velge dem alle og dra dem til redigeringsvinduet.

Filene er flyttet, generelt kunne vi ikke ha gjort dette, men i fremtiden vil det gå raskere å redigere dem.

Filer i editoren? Flott, nå kaller vi søkeboksen ved å trykke på tastene Shift + Ctrl + F, vi åpner følgende:

I eksemplet indikerte jeg navnet på klassen, for å indikere merkingen til forfatteren av artikkelen i publikasjoner, dette kan være nødvendig når du oppretter dupliserte sider.

I "Mappe"-feltet angir du mappen med temaet der filene våre er plassert. Klikk deretter på "Finn alle"-knappen.

Hvis parameteren er angitt riktig, vil du nederst på skjermen se en liste over filer der denne klassen og kodelinjer brukes for hurtigsøk.

I mitt tilfelle er dette to filer som ligger på adressen angitt i grønt. Selve klassen er uthevet i rødt, som kan finnes ved hjelp av horisontal rulling.

Etter å ha definert filkatalogen og linjen der parameteren brukes, kan du fortsette til redigering.

For klarhetens skyld vil vi også definere en "ondartet" tag blogginfo, når den kalles, opprettes spørringer til databasen.

Du vil sannsynligvis bli overrasket over antallet anrop til denne funksjonen, som enkelt kan gjøres statisk uten å bremse motoren.

Og at minst 8 anrop til databasen, fra hver sideinnlasting, kan hver bruker unngås hvis du retter malkoden riktig.

Hvis du har noen problemer, skriv i kommentarfeltet, vi vil prøve å hjelpe, eller hvis du vet en raskere måte å søke etter nødvendig informasjon i filene, vil jeg også gjøre meg kjent med glede.

Når du surfer på utallige nettsteder på Internett, kan du finne noen som vi virkelig liker. En rekke spørsmål dukker umiddelbart opp. Er nettstedet laget ved hjelp av egenskrevet kode eller et eller annet CMS? Hva er dens CSS-stiler? Hva er dens metakoder? Etc.

Det er mange verktøy som kan brukes til å trekke ut informasjon om koden til en side. Men vi har alltid høyre museknapp for hånden. Vi vil bruke det på eksemplet med nettstedet mitt.

Hvordan ser jeg sidekoden?

For å se kildekoden til en side, må du holde musepekeren over et hvilket som helst område på nettsiden (unntatt bilder og lenker). Etter det, klikk på høyre museknapp. Et vindu med flere alternativer åpnes foran oss (de kan variere litt i forskjellige nettlesere). I Google Chrome-nettleseren, for eksempel, er disse kommandoene:

• tilbake;
• framover;
• omstart;
• lagre som;
• Tetning;
• oversette til russisk;
• sidekodevisning;
• se koden.

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

Se sidekoden: hva skal du se etter?

Så HTML-koden til en side er en nummerert liste over linjer, som hver inneholder informasjon om hvordan denne siden er laget. For raskt å lære å forstå dette enorme antallet tegn og spesialtegn, må du skille mellom ulike deler av koden.

For eksempel inneholder kodelinjene inne i head-taggen informasjon for søkemotorer og webansvarlige. De vises ikke på nettstedet. Her kan du se med hvilke søkeord denne siden promoteres, hvordan tittelen og beskrivelsen er skrevet. Også her kan du finne en lenke, ved å klikke på som vi lærer om google-fontfamilien som brukes på nettstedet.

Hvis siden er laget på CMS WordPress eller Joomla, så vil den også bli sett her. For eksempel viser dette området informasjon om et WordPress-tema eller Joomla-nettstedsmal. Du kan se det ved å lese innholdet i lenkene som er uthevet i blått. En lenke viser nettstedsmalen.

For eksempel:

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

Vi vil se CSS-stilene for sidefontene. I dette tilfellet brukes fonten. Du kan se det her - font-familie: 'Source Sans Pro'.

Denne siden er optimalisert ved å bruke Yoast SEO seo-plugin. Dette kan sees fra denne kommenterte kodebiten:

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 koden til Yandex Metrics-skriptet. Den er pakket inn i en kommentert tagg med teksten:

/Yandex.Metrika teller

Oppsummering

Etter å ha utført en ganske overfladisk analyse av koden til hovedsiden til nettstedet, kan vi konkludere ved hjelp av hvilke verktøy denne siden ble laget. Vi så på den:

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

Nå er prinsippet om å analysere html-koden til en nettside ganske klart. Det er slett ikke nødvendig å holde den utforskede siden å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.

Vi har gitt ut en ny bok, "Content Marketing on Social Media: How to Get Into the Heads of Subscribers and Fall in Love with Your Brand".

Et nettsteds kildekode er en samling HTML-markering, CSS-stiler og JavaScript som nettleseren mottar fra webserveren.

Flere videoer på kanalen vår - lær internettmarkedsføring med SEMANTICA

Det kan sammenlignes med et sett med kommandoer gitt til soldater av sjefen. Tenk deg at publikum ikke kan se eller høre sjefen. Fra deres synspunkt utfører militæret uavhengig handlinger. I vårt tilfelle er sjefen nettleseren, kommandoene er kildekoden, og de marsjerende soldatene er sluttresultatet.

Siden lagres på en webserver som sender siden på forespørsel fra brukeren. En forespørsel er å skrive inn en URL i en adresselinje, klikke på en lenke eller klikke på en send-knapp på et skjema. Det spiller ingen rolle hvilket språk nettsidene er skrevet på, om de inneholder kode. Sluttresultatet av enhver serversidealgoritme er et sett med html-koder og tekst.
Kildekoden til en side er et datasett som inkluderer:

• html-oppmerking;
• stilark eller fillenke;
• programmer skrevet i JavaScript eller lenker til filer med kode.

Disse tre delene håndteres av nettleseren. For serveren er dette ganske enkelt tekst som må sendes som svar på en forespørsel.

Hvorfor vi kanskje må studere kildekoden

Alt vi ser, kan vi analysere og bruke for å løse visse problemer som oppstår i løpet av arbeidet med nettstedet, spesielt når vi optimaliserer det. Ved å se på kildekoden kan vi:

• Se metakodene til ditt eget eller andres nettsted for å analysere dem.
• Se tilstedeværelsen eller fraværet av visse elementer på nettstedet: tellere, identifikasjonskoder i ulike systemer, visse skript og mer.
• Finn ut parameterne til elementene: størrelser, farger, fonter.
• Finn stien til bilder og andre elementer på siden.
• Utforsk lenker fra siden.
• Finn problemer med koden som forstyrrer prosessen med nettstedoptimalisering: stiler, skript, ugyldig kode som ikke er inkludert i separate filer.

Dette er grunnleggende funksjoner, men faktisk, ved å vite hvordan du leser koden, kan du lære mye mer om siden.

Hvordan se kildekoden til nettstedet

Helt i den formen den er lagt ut på serveren kan ikke dette gjøres fra nettleseren. Men du kan se all markeringen ved å høyreklikke på siden. I det følgende, ved å bruke eksemplet med Google Chrome.

Vi velger alternativet "Se sidekode" og får hele oppføringen i en egen fane.

Det er bare tekst som må analyseres for å forstå. Men du kan få interaktiv kode ved å bruke utviklerverktøyene.

Hvordan finne kildekoden til en side

Klikk på menyikonet i nettleseren. Oftest er det til høyre og ser ut som tre prikker eller striper.

I tilleggsverktøy-delen velger du "Utviklerverktøy".

Et vindu åpnes som viser den aktive tilstanden til koden. Dette betyr at når du klikker på markeringen, vil elementstilen vises ved siden av den, og de valgte blokkene vil bli uthevet på siden.

I "Kilde"-fanen kan du se innholdet i noen filer: skript, fonter, bilder.

Kontroll av nettstedsertifikatet er tilgjengelig i fanen "Sikkerhet".

"Revisjon"-fanen hjelper deg med å sjekke ressursen som er lagt ut på hostingen.

Hvis plasseringen av panelet til høyre er upraktisk, kan du klikke på tre prikker og endre det ved å velge ønsket element.

Slik viser du metakoder

Hvert html-dokument inneholder strukturkoder. Her er noen av dem:

1. Html - hele dokumentet.
2. Head - seksjon av serviceoverskrifter.
3. Tittel - sidetittel (vises på fanen).
4. Brødtekst - brødteksten i dokumentet.
5. H1-H6 - overskrifter på sideteksten.
6. Artikkel - artikkel.
7. Seksjon - seksjon.
8. Meny - meny.
9. Div - blokk.
10. Span er en streng.
11. P - avsnitt.
12. Bord - et bord.

Elementer er ment for logisk avgrensning av seksjoner på siden; om nødvendig er de stylet. De inneholder tekst som på en eller annen måte er synlig på siden. Men Head-taggen inneholder serviceinformasjon. Metakoder brukes for å indikere det. Alt som er skrevet i dem er ment for serveren og søkemotorene.

Det er umulig å finne ut innholdet på annen måte.

La oss ta hensyn til Link-taggen. Med dens hjelp er lenker til eksterne inkludere-filer indikert. Om ønskelig kan du se innholdet og lagre på disk. For å gjøre dette, hold pekeren over adressen og trykk RMB. Velg "Åpne i ny fane".

Den angitte filen åpnes i en ny fane og kan vises eller lagres.

Hvordan vise kildekoden til en side for feilsøking av et skript

I dette tilfellet er det mest praktisk å åpne siden på den lokale maskinen. Hvis du bare trenger å fikse markeringen, stilene og skriptene, kan du gjøre det rett fra mappen. HTML-koden ses på samme måte. JavaScript-kodefeil kan imidlertid sees i "Konsoll"-fanen. Den viser en beskrivelse av feilen og linjenummeret den oppstod på.

Syntaksen kan sees direkte i koden. Fanen "Kilde" er ment for dette.

Hvordan se koden til en bestemt vare

For store sider med mange elementer er det vanskelig å finne koden du ønsker i all markeringen. I dette tilfellet bør du bruke en spesiell kommando fra kontekstmenyen. Hold musen over fragmentet og trykk RMB. La oss velge "Vis kode"-kommandoen.

Det samme vinduet åpnes, men med fokus på det valgte objektet.

Sammendrag

Vi fortalte deg hva sidens kildekode er. Det er nok å mestre grunnleggende kunnskap om HTML og CSS, og ved å bruke praktiske utviklerverktøy kan du feilsøke dine egne html-dokumenter.

Å bla gjennom ressurskoden på Internett vil tillate deg å lære ikke bare av din egen erfaring, men også bruke ekte arbeidseksempler. Og for seo-spesialister vil metakoder være nyttige, informasjonen der kan si mye om nettstedet.