Sa mahabang panahon para sa akin ang pagpipilian ay "ipakita source code mga pahina" ay walang silbi at hindi kawili-wili. paalam pag-aaral ng HTML sa Codecademy at ang layout ng sarili kong mga website ay hindi naging aking bagong libangan. Dito lumitaw ang tanong: kung saan mahahanap ang mga totoong kaso at humiram mga kawili-wiling solusyon para sa iyong “alkansya”? Ang sagot ay hindi inaasahang simple, tulad ng lahat ng mapanlikhang bagay: tingnan ang source code ng pahina sa Google Chrome! Ibinabahagi ko sa iyo ang aking mga katamtamang nahanap.

Ano ang source code ng page

Kung ikaw, tulad ko, ay nagsasagawa lamang ng iyong mga unang hakbang sa HTML programming, magandang ideya na alamin kung ano ang source code ng isang page.

Source code, kilala rin bilang HTML page code - text sa Hyper language Markup ng Teksto Wika (HTML). Kabilang dito ang aktwal na nilalaman ng pahina (teksto, mga talahanayan) at mga tag. Ang huli ay kumikilos bilang mga tagubilin para sa browser: kung paano magpapakita ng nilalaman, anong uri ng pag-format ang gagamitin, kung saan maglalagay ng hyperlink o media file. Buweno, para sa amin, mga baguhang programmer, ang source code ay ang pinakamahusay na lugar ng pagsasanay: nakahanap kami ng isang kawili-wiling site at tiktikan ito, i-save ito, at gumamit ng matagumpay na mga fragment. Paano?

Paano tingnan ang source code sa pahina ng browser ng Google Chrome

Hanapin ang page na gusto mo. Halimbawa, interesado ako sa disenyo ng menu ng site. Buksan ang source code sa Google browser Maaaring gawin ang Chrome sa tatlong paraan:

1. Mag-click sa icon menu sa kanan itaas na sulok browser at piliin ang " Mga karagdagang tool" Sa iba pa, mayroong isang opsyon na "Tingnan ang source code". Sa totoo lang, bihira kong gamitin ang pamamaraang ito: maraming hindi kinakailangang paggalaw. Maaari itong gawing mas simple.
2. Pindutin ang kumbinasyon ng key Ctrl+U– isang bagong window na may source code ay bubukas;
3. Para sa mga tagahanga ng menu ng konteksto: i-right-click sa pahina at piliin ang opsyong "Tingnan ang code ng pahina".

Nakayanan namin ang gawain ng pagtingin sa HTML code ng pahina sa browser. Lumipat tayo sa pinaka-kagiliw-giliw na yugto.

Paano i-edit at i-save ang source code

Upang matutunan kung paano lumikha ng mga website, hindi sapat na basahin ang HTML code ng ibang tao. Kailangan mong laruin ito, mag-eksperimento, gumawa ng mga pagbabago at suriin ang resulta. Maaari ka ring magsimula sa pamamagitan ng pag-compile ng ilang matagumpay na sample. Paano i-edit at i-save ang source code?

Opsyon 1. "Manu-mano"

Pagkatapos naming buksan ang source code ng page, tumatawag kami menu ng konteksto at piliin ang opsyong "I-save Bilang" at i-save ang file sa hard drive. Ine-edit namin ang file sa Notepad o Notepad, i-save ang mga pagbabago at buksan ito sa pamamagitan ng browser. Ang mga resulta ng aming mga pagbabago (matagumpay at hindi masyadong matagumpay) ay makikita sa window ng browser.

Pagpipilian 2. Para sa mga pro

Kapag "naglalaro" ka ng source code araw-araw, ang proseso ng "save - open - change - save - check" ay nagiging nakakapagod. Para sa aking sarili, nakakita ako ng solusyon sa anyo ng pag-install ng plugin para sa Google Chrome - Firebug Lite. Pinapayagan ka nitong i-edit at i-save ang source code nang hindi umaalis sa window ng browser.

1 boto

magandang araw, mahal na mga mambabasa aking blog. Minsan may makikita ka sa website magandang chip at ang tanong ay nagsisimulang pahirapan kung paano nakamit ng lumikha ang gayong kawili-wiling epekto.

Ito ay lumiliko na ang sagot ay medyo simple. At kung mayroon kang ilang mga kasanayan, maaari kang mangolekta ng maraming mga tampok na ito at lumikha ng iyong sariling natatanging website sa maikling panahon.

Ngayon ay pag-uusapan natin kung paano buksan ang code ng isang page, isang partikular na elemento, at matutunan kung paano gamitin ang kasanayang ito para sa iyong kapakinabangan.

Pangunahing kaalaman sa code

Ang aking site ay inilaan para sa mga nagsisimula at una, nais kong pag-usapan nang maikli ang tungkol sa mga site at code sa pangkalahatan.

Upang gumuhit ng isang larawan, pagkatapos ay i-cut ito sa maliliit na bahagi, magsulat ng code na magpapahintulot sa browser na muling buuin ang lahat ng mga elemento sa isang solong kabuuan. Parang napakakomplikado ba ng lahat? Hindi naman, at walang saysay na magdalamhati tungkol dito.

Ito ay kung paano nilikha ang mga de-kalidad na website. Kung gusto mo, makisali ka sa bagay na ito at pag-aralan mo ito kung ayaw mo, walang mapipilit sa iyo.

Isa lang ang sasabihin ko... wala nang mas kaaya-aya kaysa makita kung paano ang hindi maintindihan na mga salita na iyong isinulat ay nabago sa isang solong kabuuan at nabubuhay: gumagana ang mga link, gumagalaw ang mga pindutan, gumagalaw ang mga larawan, gumagapang ang teksto. Sa tingin ko alam ko kung ano ang naramdaman ni Victor Frankenstein.

Kapag sinimulan mong maunawaan ang lihim na wika at makita na ang lahat ay talagang mas simple kaysa sa tila sa una, hindi mo maiwasang maniwala sa sariling lakas at kakayahan ng utak. Ito ay napaka-cool.

Paano ginagawa ang mga website? Sa isip, una. Nagpapicture lang siya. Halimbawa, tulad ng ipinapakita sa larawan sa ibaba. Sa ngayon ito ay isang imahe lamang, isang litrato. Walang gumaganang mga link, kapag nag-click ka hindi ka pupunta kahit saan, walang ginagawang paghahanap.

Ayon sa pagguhit na ito. Tingnan ang screenshot sa ibaba. Maaari mong isipin na ito ay isang katawa-tawa at napakakomplikadong hanay ng mga simbolo. Sa katunayan, ang lahat ay hindi masyadong kumplikado, mayroong isang tiyak na algorithm.

May mga 150 tag lang at bawat isa sa kanila ay may pananagutan para sa isang partikular na aksyon: link, hyphenation, bold, kulay, pamagat, at iba pa. Ang pag-unawa sa mga ito ay hindi napakahirap kung mayroon kang pagnanais at hindi iniisip ang oras.

Salamat sa kaalaman sa mga katangiang ito, maaari mong malutas ang halos anumang problema. Ngunit ang bawat developer ay nakakahanap ng kanyang sariling mga paraan upang makamit ang layunin.

Nakikita kaagad ng mga may karanasang tagalikha kung paano makamit ang mga resulta, habang ang iba ay kailangang mag-isip, hanapin ang sagot sa mga artikulo o sa source code ng mga kakumpitensya. Kinukuha lang nila ang kinakailangang bahagi mula sa isang third-party na site at i-edit ito para sa kanilang sarili. Ito ay makabuluhang nagpapaikli sa proseso ng trabaho.

Maya-maya, magpapakita ako sa iyo ng isang tiyak na halimbawa.

Tingnan ang code

Kaya, hayaan mo muna akong ipakita sa iyo kung paano kumilos kung kailangan mong malaman ang html ng iba. Pagkatapos ay titingnan natin ang lahat ng iba pang mga tanong nang mas detalyado.

Ang pinakamahusay na paraan

Ang pamamaraan na una kong ilalarawan ay medyo kumplikado para sa mga nagsisimula, ngunit bilang panimula, basahin ito. Buksan ang pahina at mag-click sa kanang pindutan ng mouse. Piliin ang “I-save bilang...”

I-save ang buong web page. Tulad ng nakikita mo sa screenshot, na-download ko na ang lahat nang maaga. Narito mayroon kaming dalawang folder.

Nandito na lahat ng kailangan mo. Bawat elemento. Kung naiintindihan mo ito, mabilis mong makukuha ang lahat ng kailangan mo. Ngunit ang gayong gawain ay lalong nagiging imposible. Walang pag-download. Ano ang gagawin kung ipinagbabawal na kopyahin ang isang pahina?

Ito ang Google Chrome

Tulad ng napansin mo na, madalas kong ginagamit ang Google Chrome at ang pag-aaral ng code ng ibang tao sa browser na ito ay kasingdali ng paghihimay ng mga peras. Tulad ng sa prinsipyo sa anumang iba pa. Ang scheme ay hindi lamang magkatulad, ngunit magkapareho. Buksan ang page na ang code ay gusto naming malaman at i-right click kahit saan. Sa window na lilitaw, i-click ang "Tingnan ang code ng pahina".

Ang isang sheet ng code ay magbubukas sa isang bagong window, na medyo mahirap para sa isang baguhan na maunawaan. Ngunit huwag maalarma nang maaga.

Kung kailangan mong malaman ang code ng isang elemento lamang, mag-hover lang dito gamit ang mouse at i-right-click. Pumili ng isa pang function ng Chrome: "Tingnan ang code ng elemento."

Halimbawa, maaaring interesado ako sa kung paano ginawa ang logo, gamit ang isang larawan o isang programming language? Pagkatapos ng lahat, maaari kang gumuhit ng isang parisukat na may tulong sa css. Maraming eksperto ang nagpapayo kung paano karagdagang impormasyon isulat sa code. Paano gumagana ang mga ito sa mga sikat na site?

Kaya ito lumitaw kinakailangang impormasyon. html sa itaas, css sa ibaba. Ito ay dalawang wika. Ang una ay responsable para sa bahagi ng teksto, at ang pangalawa para sa disenyo. Kung walang CSS, kailangan mong tukuyin ang kulay at laki ng font sa bawat oras. Para sa bawat pahina, ito ay napakahaba. Ngunit kung walang html, kung gayon wala kaming mga teksto. Ipinaliwanag ko ito nang halos, ngunit sa pangkalahatan, ganoon ito.

Sa pamamagitan ng paraan, kung interesado ka sa kung paano ito gumagana dito, maaari mong tingnan ang link sa larawan sa ibaba. Narito ang iyong sagot.

Mozilla Firefox

Kung gusto mong magtrabaho sa mastic, kung gayon ang lahat ay magiging eksaktong pareho. Buksan ang pahina at mag-click sa kanang pindutan mga daga. “Page source code” kung gusto mong makita ang buong code.

Kapag nag-hover ka sa isang elemento, maaari mong buksan ang code nito.

Narito ang data ay ipinapakita sa ibaba ng screen, ngunit kung hindi man ang lahat ay eksaktong pareho.

Yandex browser

Sa browser ng Yandex, ang lahat ay eksaktong kapareho ng sa nakaraang dalawang pagpipilian, buksan ang pahina, i-right-click, tingnan ang code ng pahina.

I-hover namin ang cursor sa isang elemento kung gusto naming malaman ang eksaktong code nito.

Ang lahat ay ipinapakita dito nang eksakto katulad ng sa Chrome.

Opera

At sa wakas, Opera.

Siyanga pala, maaaring napansin mo na hindi mo kailangang gumamit ng mouse. Upang buksan ang code mayroong mabilis na kumbinasyon key at pareho ito para sa lahat ng browser: CTRL+U.

Para sa mga elemento: Ctrl+Shift+C.

Ito ang hitsura ng resulta.

Ito ay magiging kawili-wili para sa mga nagsisimula

Ngayon tingnan kung paano gumagana ang lahat. Nakahanap ka ng isang site at talagang gusto mo ang ilang elemento. Halimbawa, ang isang ito. Alam mo na kung paano buksan ang code ng elemento.

Ngayon kopyahin ito.

Ginagamit ko ito, ilagay ang code na ito sa bago html file, sa body tag (body sa English).

Ngayon tingnan natin kung ano ang magiging hitsura ng lahat sa browser.

handa na. Upang ang teksto ay maihanay sa mga gilid at makakuha ng isang maberde na kulay, kailangan mong kumonekta dito css na dokumento at kopyahin ang isa pang code mula sa site kung saan namin ninakaw ang isang ito.

Hindi ko gagawin ito ngayon. Nangangailangan ito ng mas maraming oras: pareho sa akin at sa iyo. Sa tingin ko, ilalarawan ko ang lahat ng detalye sa aking mga publikasyon sa hinaharap. Mag-subscribe sa newsletter at maging unang makakaalam kapag may lumabas na artikulo.

Kung hindi mo ito matitiis, ngunit gusto mong matuto nang higit pa tungkol sa html at css ngayon, maaari kong tradisyonal na irekomenda sa iyo ang mga libreng kurso sa pagsasanay.

Narito ang 33 mga aralin na magpapahintulot sa iyo na makabisado ang html - « Libreng kurso sa pamamagitan ng HTML" .

At dito buong impormasyon tungkol sa css - “Libreng kurso sa CSS (45 video lessons!)” .

Ngayon alam mo na ang kaunti pa. Nais kong tagumpay ka sa iyong mga pagsusumikap. Magkita tayo muli!

Inalagaan ng mga developer ng browser ang kaginhawahan ng mga gumagawa ng mga site na nagbubukas sa parehong mga browser na ito, katulad ng mga webmaster. Nagdagdag sila karaniwang mga tampok mga tool ng developer na nagpapadali sa pagbukas at tingnan ang source code ng pahina ng site sa browser: HTML, CSS, JavaScript (JS), kumuha ng iba't ibang kapaki-pakinabang na data tungkol sa istruktura ng site, i-navigate ito teknikal na pagsusuri. Sa pangkalahatan, makakita ng maraming kapaki-pakinabang na bagay.

Siyempre, ang mga tool na ito ay ginagamit hindi lamang ng mga tagalikha ng website para sa trabaho, kundi pati na rin ordinaryong gumagamit, na pinapayagan ka ng source code na tingnan ang iba't ibang kapaki-pakinabang na data.

Mula sa artikulong ito matututunan mo kung paano tingnan ang source code ng isang pahina ng website sa isang browser (kung paano buksan ang HTML, CSS, JavaScript code site).

Paano magbukas ng source code ng page sa isang browser

Mayroong dalawang paraan upang buksan ang source code ng isang web page sa isang browser:

1. Paggamit ng mga hot key;
2. Buksan mula sa menu ng konteksto.

Ctrl+U– isang kumbinasyon ng hotkey upang tingnan ang source code ng buong pahina ng site sa isang hiwalay na bagong window. Standard para sa lahat ng browser: Google Chrome, Opera, Mozilla Firefox, Yandex browser, IE.

Maaari mo ring ipasok ang mga tool ng developer tulad ng sumusunod:

Para mabilis mahanap kinakailangang code, salita o teksto sa pahina, maaari mong gamitin ang karaniwang kumbinasyon ng hotkey sa paghahanap para sa lahat ng browser: Ctrl + G.

Pagtuturo sa video:

Tingnan ang code ng elemento | galugarin ang elemento | siyasatin ang elemento

Kung biglang kailangan mong tingnan hindi ang buong source code, ngunit ipakita lamang ang isang hiwalay na bahagi nito, ang ilang lugar sa pahina, kung gayon ang nakaraang tool ay hindi gagana. Para sa layuning ito, ang mga tool ng developer ay may isa pang function, na tatalakayin sa ibaba.

Paano tingnan ang code ng isang elemento sa isang pahina:

Maaari mo ring gamitin ang mga keyboard shortcut sa mabilis na pag-access upang siyasatin ang elemento.

Mga Hotkey (mga pindutan):

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

Opera: Ctrl+Shift+I at Ctrl+Shift+C

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

Yandex browser: Ctrl+Shift+I at Ctrl+Shift+C

Pagkatapos ng mga hakbang na ito, magbubukas ang orihinal na file sa parehong window ng browser. web code mga pahina:

Lahat ng HTML Ang code ay nasa malaking kaliwang column. A Mga istilo ng CSS- sa kanan.

Advantage ang pamamaraang ito, siyempre, ay may pagkakataon ang user na baguhin ang source code at i-edit ang mga istilo. Iyon ay, maaari mong i-edit ang mga estilo sa site at makita kung ano ang magiging hitsura nito sa ilang mga estilo, nang hindi kinakailangang agad na gumawa ng mga pagbabago sa mga file na matatagpuan sa mga server ng pagho-host. Upang baguhin o idagdag code ng programa, kailangan mong mag-double click sa ang kinakailangang fragment o balangkas. Siyempre, ang pagwawasto ng code sa browser ay hindi gagawin sa mga hosting server. Samakatuwid, sa hinaharap, sa anumang kaso, kakailanganin mong kopyahin ang code na ito at isulat ito sa mga file.

Ang pagtuturo ng video na ito ay naglalarawan nang detalyado at nagpapakita kung paano magtrabaho kasama ang mga tool ng developer:

Ganun lang, online lang, sa iyong browser, maaari mong tingnan ang source code ng page ng site, kumuha ng pangunahing data tungkol sa HTML at CSS code, baguhin at kopyahin ang mga ito, nang hindi kinakailangang i-download ang mga file ng site na ito sa iyong computer .

Sa pamamagitan ng paraan, ang mga walang karanasan na gumagamit ng Internet na nagbago ng code ng pahina at umaasa na mai-save ito ay mabibigo. Pagkatapos ng lahat, pagkatapos i-refresh ang pahina, mawawala ang lahat ng pagbabago dito. Hindi ito sapat para i-hack ang site :)

Paano Tingnan ang Source Code sa Android Phone

Nais ko ring tandaan na ang mga tool ng developer ay magagamit hindi lamang sa desktop na bersyon ng mga browser, iyon ay, sa mga computer at laptop. Sa mga telepono at tablet (Android, iOS) maaari mo ring tingnan ang source code.

Upang gawin ito, idagdag ang view-source prefix sa URL ng page na sinisiyasat:

Halimbawa:

tingnan ang pinagmulan:https://site/turbo-rezhim-opera/

Ang bawat gumagamit ng Internet ay may sariling mga paboritong site kung saan siya gumagastos mahabang panahon. At ang mga tamad lamang ang hindi nag-isip na tingnan kung paano ito nilikha at kung ano ang binubuo nito. Imposibleng sagutin ang lahat ng mga tanong na ito, dahil maraming mga paraan upang lumikha ng isang website, ngunit upang tingnan ang mga utos at code na bumubuo dito ay posible at magagamit ng publiko sa lahat.

Ang isa pang tanong ay kung ang isang taong hindi kasali sa programming ay mauunawaan ang alinman sa mga simbolo na bumubuo sa code. Ngunit mula sa mga halimbawa na ibibigay sa ibaba, anuman Gumagamit ng Google Makakakita ang Chrome indibidwal na elemento mga site.

Paano tingnan ang source code ng isang html page sa isang Google browser

Upang matingnan mo ang page code sa Chrome, kailangan mong pumunta sa site kung saan ka interesado at gawin ang mga sumusunod na hakbang:

Ang dalawang item na ito ay naiiba sa kanilang pag-andar at impormasyon para sa user, programmer o hacker.

Ano ang pagkakaiba sa pagitan ng page code at sa command na "View Code" lang?

Pag-aralan ang bawat isa sa mga function na ito, maaari kang magsulat ng isang hiwalay na artikulo. Para sa mga programmer, makabuluhan ang pagkakaibang ito at nauunawaan nila kung aling mga kaso kinakailangan na gamitin ang "View Code" at kung aling "View Page Code" sa browser ng Google Chrome.

Ngunit nagpapaliwanag para sa karaniwang gumagamit, ang mga pag-andar na ito ay maaaring nahahati sa mga sumusunod na layunin:

1. Ang "Tingnan ang code ng pahina" ay kinakailangan lamang upang makita ang pangunahing kumbinasyon ng pahina. Karaniwan, ito ang istraktura ng site (nang walang karagdagang mga modelo sa anyo CSS file at iba pang mga karagdagan na nanatili sa folder ng gumawa ng site). Itong istraktura hindi angkop para sa paglikha sariling page sa pamamagitan ng "copy-paste", ngunit ito ay magbibigay-daan sa iyo upang makita kung ano ang eksaktong ginawa ng programmer at kung anong pagkakasunud-sunod upang ang site sa Google Chrome browser ay magkaroon ng ganoong panlabas na disenyo.
2. Ang "View Code" ay nagpapakita ng isang detalyadong istraktura, na nagha-highlight sa lahat ng mga lugar na apektado sa pahina. Kung ituturo mo sa tiyak na code list - ito ay i-highlight ang elemento sa site kung saan ito nabibilang.
3. Ang pagtingin sa page code ay bubukas sa isang hiwalay na browser nang walang kakayahang i-edit ito. Iyon ay, ito ay angkop lamang para sa pagkopya at pagbabasa ng code ng site. Ngunit ito ay hindi gaanong kapaki-pakinabang na pag-andar.
4. Ang "View code" ay nababago at maaari mong i-edit ang anumang elemento sa paraang maginhawa para sa iyo. Siyempre, ang lahat ng mga pagbabagong ito ay "mabubuhay" hanggang sa ma-refresh ang pahina, ngunit kung minsan ay nakakatuwang dumaan sa mga setting na iyon at unawain lamang kung bakit ito o ang halagang iyon ay kinakailangan, at kung ano ang mangyayari kung babaguhin mo ito. Hindi mo dapat ipagpalagay na sa pamamagitan ng gayong mga pagkilos ay mapipinsala mo ang iyong sarili o ang site sa anumang paraan - ang mga pagbabagong ito ay nakakaapekto lamang sa code ng iyong Google Chrome at hindi nag-o-online.

Isinasaalang-alang namin ang tanong kung paano tingnan ang code ng elemento

Kung sasagutin natin ang ganoong tanong, ang tanging opsyon na nagmumungkahi ng sarili nito ay isang halimbawa. Dahil sa isang artikulo ay napakahirap maging isang taong nakakaunawa sa paksang ito (isang web developer), ngunit ang magpakita ng isang halimbawa upang malutas ang tanong ay mas madali.

Napakalawak ng functionality ng element code, kaya kinuha namin ang isa sa mga salita sa website ng browser ng Google Chrome. Nais naming isaalang-alang kung anong mga keyword (sa code na isusulat bilang "mga keyword") ang ginamit para sa aming site. Upang gawin ito, isinasagawa namin ang sumusunod na algorithm:

Iba pang mga paraan upang gamitin ang feature na ito sa Google Chrome browser

Sa pangkalahatan, ang patuloy na pagsagot sa tanong kung paano tingnan ang code ng isang elemento at kung bakit ito kinakailangan, dapat mong ilista ang mga function nito. Lalo na, salamat sa kakayahang tingnan ang code ng isang elemento ng anumang site sa browser ng Google Chrome, maaari naming:

• Tingnan ang istraktura ng site na nagsisimula sa head ("header ng site") at nagtatapos sa dulo (ang huling utos ng anumang programa);
• Tingnan ang lahat ng mga pag-andar ng site, lalo na: mga link sa iba pang mga site, karagdagang mga module mula sa mga panlabas na site at ang pagkakaroon ng mga built-in na counter para sa pagkolekta ng iba't ibang impormasyon;
• Alamin kung ang pagkopya mula sa site ay ipinagbabawal o hindi;
• Itatala ng code ang lahat ng mga link sa iba pang mga pahina ng site, pati na rin ang kanilang disenyo at mga kasunod na aksyon pagkatapos ng pag-click sa mga ito.

Ito ay hindi nangangahulugang isang may hangganang listahan. Ngunit dapat itong alalahanin na nang walang espesyal na kaalaman maaari mong "basahin" ang code Mga pahina sa Google Halos imposible ang Chrome at nakuha ang data sa karaniwang gumagamit halos hindi kailangan.

Ang item na "Tingnan ang code ng elemento" ay hindi gumagana

Dapat sabihin kaagad na ang bawat site ay magkakaroon bukas na access sa mga code ng elemento. Iyon ay, kahit na ang pinakasikat at mamahaling mga site ay bukas sa pagtingin sa kanilang code. Samakatuwid, kung ang item sa browser ng Google Chrome ay hindi aktibo o bumubuo ng isang error, mayroon itong mga sumusunod na posibleng dahilan:

• Nasira ang profile ng user;
• Ang pagkakaroon ng malware sa computer;
• Pag-block ng isang partikular na extension upang mapataas ang performance (kahit na ito ay maaaring mangyari).

Pag-aayos ng nasirang profile ng user

Upang lumikha bagong profile, kailangan mong alisin ang luma sa iyong computer. Upang gawin ito, ginagawa namin ang sumusunod:

1. Isara ang Google Chrome at ilunsad ang built-in Windows browser Explorer.
2. Pumasok address bar ang sumusunod na command: %LOCALAPPDATA%\Google\Chrome\User Data\.
3. Kapag nagbukas ang direktoryo, hanapin ang folder na "Default" at idagdag ang "Backup" sa pangalan nito upang makuha mo ang sumusunod: "Backup Default".
4. Ngayon, pagkatapos i-restart ang Chrome browser, gagawa ng bagong profile.

Inaalis namin ang malware o ang mga labi nito

Kung hindi tayo binibigyan ng bagong profile ng access sa code ng elemento ng page at nakikita pa rin natin ang error, dapat nating gawin ang sumusunod:

1. Buksan ang command line Windows string("Run") at ipasok ang command na "cmd" doon.
2. Ipasok ang sumusunod na command sa linya: RD /S /Q “%WinDir%\System32\GroupPolicyUsers”.
3. Pagkatapos kumpirmahin ang aksyon, ilagay ito: RD /S /Q “%WinDir%\System32\GroupPolicy”.
4. Ngayon ay "gpupdate /force" (nang walang mga panipi).

Kung ang lahat ay ginawa nang tama, pagkatapos ay pagkatapos ng pag-reboot Google computer Bubuksan ng Chrome ang code ng mga elemento at gagana nang normal ang browser.

Sa pagtingin sa hindi mabilang na mga site sa Internet, makakatagpo ka ng mga talagang gusto namin. Ang isang bilang ng mga katanungan ay agad na lumitaw. Ginawa ba ang site gamit ang homemade code o ilang uri ng CMS? Anong mga istilo ng CSS ang mayroon ito? Ano ang mga meta tag nito? At iba pa.

Mayroong maraming mga tool na maaaring magamit upang kunin ang impormasyon tungkol sa code ng isang pahina ng website. Ngunit palagi naming nasa kamay ang kanang pindutan ng mouse. Ito ang aming gagamitin, gamit ang aking site bilang isang halimbawa.

Paano tingnan ang code ng pahina?

Upang tingnan ang source code ng pahina ng site, kailangan mong i-hover ang iyong mouse sa anumang bahagi ng web page (maliban sa mga larawan at link). Pagkatapos nito, mag-click sa kanang pindutan ng mouse. Ang isang window na may maraming mga pagpipilian ay magbubukas sa harap namin (sa iba't ibang mga browser maaari silang bahagyang magkaiba). Sa browser ng Google Chrome, halimbawa, ito ang mga utos:

• likod;
• pasulong;
• i-reboot;
• i-save bilang;
• selyo;
• isalin sa Russian;
• tingnan ang code ng pahina;
• tingnan ang code.

Kailangan nating mag-click tingnan ang code ng pahina, at ang html code ng pahina ng site ay magbubukas sa harap namin.

Pagtingin sa page code: ano ang dapat bigyang pansin?

Kaya, ang Html page code ay isang may bilang na listahan ng mga linya, ang bawat isa ay nagdadala ng impormasyon tungkol sa kung paano ginawa ang site na ito. Upang mabilis na matutong maunawaan ang malaking bilang ng mga palatandaan at mga espesyal na karakter, kailangan mong makilala sa pagitan ng iba't ibang mga seksyon ng code.

Halimbawa, ang mga linya ng code na matatagpuan sa loob tag ng ulo naglalaman ng impormasyon para sa mga search engine at mga webmaster. Hindi ipinapakita ang mga ito sa site. Dito makikita mo kung paano mga keyword Ang pahinang ito ay na-promote batay sa kung paano isinulat ang pamagat at paglalarawan nito. Maaari ka ring makahanap ng isang link dito, sa pamamagitan ng pag-click kung saan malalaman natin ang tungkol sa pamilya mga font ng google ginamit sa site.

Kung ang site ay ginawa sa CMS WordPress o Joomla, pagkatapos ay makikita rin ito dito. Halimbawa, ang lugar na ito ay nagpapakita ng impormasyon tungkol sa WordPress tema o Template ng Joomla site. Makikita mo ito sa pamamagitan ng pagbabasa ng mga nilalaman ng mga link na naka-highlight sa asul. Ang isang link ay nagpapakita ng template ng website.

Halimbawa:

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

Makikita natin ang CSS font styles ng page. SA sa kasong ito ginamit na font. Ito ay makikita dito - font-family: 'Source Sans Pro'.

Ang site na ito ay na-optimize gamit ang isang SEO plugin Yoast SEO. Ito ay makikita mula sa nagkomento na seksyon ng code:

Ang site na ito ay na-optimize gamit ang Yoast SEO plugin v3.4.2 - https://yoast.com/wordpress/plugins/seo/

Ang lahat ng impormasyong nasa loob ng body tag ay ipinapakita ng browser sa screen ng monitor. Dito makikita natin ang html code ng page, at sa pinakailalim ay naroon ang Yandex Metrics script code. Ito ay napapalibutan ng isang nagkomento na tag na may teksto:

/Yandex.Metrika counter

Isa-isahin natin

Ang pagkakaroon ng pagsasagawa ng isang medyo mababaw na pagsusuri ng code home page site, maaari tayong gumawa ng konklusyon tungkol sa mga tool kung saan ginawa ang pahinang ito. Nakita namin ito:

• CMS WordPress;
• Google font Source Sans Pro;
• Tema ng WordPress – Sydney;
• Mga plugin ng Yoast;
• Yandex metrics counter.

Ngayon ang prinsipyo ng pagsusuri html code Ang pahina ng site ay medyo malinaw. Hindi naman kailangang panatilihing bukas sa browser ang pahinang iyong sinasaliksik. Maaari mong i-save ang page code sa iyong computer gamit ang mga key na kumbinasyon ctrl+a, ctrl+c, ctrl+v. Idikit ito sa alinman text editor(Mas maganda ang Notepad++) at i-save gamit ang html extension. Sa ganitong paraan, maaari mo itong pag-aralan nang mas malalim anumang oras at makahanap ng mas kapaki-pakinabang na impormasyon para sa iyong sarili.