Sayfanın kaynak kodunu ve öğenin kodunu nasıl görüntüleyebilirsiniz. Kopyalama yasak olsa bile, tarayıcıdaki sayfa kodunu hızlı bir şekilde açma

Her İnternet kullanıcısının, uzun süre geçirdiği favori sitelerine sahiptir. Ve sadece tembel nasıl oluşturulduğunu ve ne olduğunu görmeyi düşünmedi. Cevap Tüm bu sorular çalışmayacak, çünkü bir site oluşturmanın birçok yolu olduğu gibi, bu ekipleri ve bunların oluştuğu ekipleri ve kodları görmek için - herkes tarafından mümkün ve erişilebilir.

Başka bir soru, bir kişinin kodu oluşturan karakterlerden bir şeyin programlanmasında kiminle meşgul olmadığını anlamayacağıdır. Ancak, herhangi bir kullanıcıdan daha düşük olacak örneklerden Google Chrome. Sitelerin bireysel unsurlarını izleyebilir.

Google'dan Tarayıcıdaki HTML Sayfalarının Kaynak Kodunu Nasıl Görünür

Chrome'daki sayfa kodunu görebileceğiniz şey, ilgilendiğiniz siteye gitmeli ve aşağıdaki işlemleri gerçekleştirmelidir:

Bu maddelerden ikisi, kullanıcı, programcı veya hacker hakkındaki işlevsellik ve bilgileriyle kendileri aralarında farklılık göstermektedir.

Sayfa kodu ile sadece "Kodu Görüntüle" komutu arasındaki fark nedir?

Bu fonksiyonların her birini görüntüleme ayrı bir öğe yazılabilir. Programcılar için, bu fark önemlidir ve "View Code" nin kullanılması gerektiğinde ve hangi durumlarda "Sayfa Görünümü" nin içinde kullanılmasının gerekli olduğunu anlar. google tarayıcısı Krom.

Ancak normal kullanıcıları açıklamak, aşağıdaki amaçlarla bu işlevleri bölersiniz:

1. "Sayfa kodunu görüntüleyin" sadece sayfanın ana kombinasyonunu görmek için gereklidir. Temel olarak, bu, sitenin yapısıdır (CSS dosyaları formunda ek modeller olmadan ve Site Oluşturucu klasöründe kalan diğer uyarılar). Bu yapı Oluşturma için uygun değil kendi sayfası "Kopyalama - Ekleme" ile, ancak programcının ne yaptığını ve Google Chrome tarayıcısındaki sitenin böyle bir harici tasarıma sahip olması için hangi sırayla yaptığını görmenize izin verir.
2. "Kodu Görüntüle", sayfadan etkilenen tüm alanları tahsis eden ayrıntılı bir yapıyı görüntüler. Belirli bir liste kodunu getirirseniz - sitede ait olduğu bir öğeyi tahsis eder.
3. Sayfa kodunu görüntüleme, düzenleme yeteneği olmadan ayrı bir tarayıcıda açılır. Yani, yalnızca site kodunu kopyalamak ve okumak için uygundur. Ancak bu daha az faydalı bir özellik değil.
4. "Kodu Görüntüle" değiştirin ve herhangi bir öğeyi sizin için uygun olacak şekilde düzenleyebilirsiniz. Tabii ki - bu tüm değişiklikler, sayfa güncellenene kadar "canlı" olacaktır, ancak bazen ayarlara tırmanmak eğlencelidir ve neden gerekli olduğunu ve değiştirilirse ne olacağını basitçe anlayacaktır. Bu tür eylemlerin kendinize veya siteyi incittiğini varsaymamalısınız - bu değişiklikler yalnızca Google Chrome'unuzun kodunda geçerlidir ve çevrimiçi olmaz.

Öğenin kodunu nasıl göreceğin sorusunu düşünün

Eğer böyle bir soruyu gerçekten cevaplarsanız, yalnızca örnek olarak bir seçenek. Çünkü bir makalenin bu konuyu (Web geliştiricisi) anlayabilecek bir kişi olmak için (Web Geliştirici) çok zordur, ancak tükenmenin örneğini göstermek için - çok daha kolay hale getirmek için.

Eleman kodunun işlevselliği çok geniştir, bu nedenle Google Chrome tarayıcı sitesindeki kelimelerden birini alırız. Sitemiz için hangi anahtar kelimeleri (kodda "anahtar kelimelerde kayıt olacağını düşünmek istedik. Bunu yapmak için aşağıdaki algoritmayı yapın:

Bu işlevi Google Chrome tarayıcısında kullanmanın başka yolları

Genel olarak, öğenin kodunu nasıl görüleceği ve neden gerektiğine ilişkin sorusuna cevap vermeye devam etmek, işlevlerine aktarılmalıdır. Yani, herhangi bir sitenin kodunu Google Chrome tarayıcısındaki kodunu görme yeteneği sayesinde şunları yapabiliriz:

• Baştan ("Site Kapağı") ve bitiş ucu (herhangi bir programın son komutu) tarafından başlayan sitenin yapısına bakın;
• Tüm site fonksiyonlarını görüntüleyin, yani: diğer sitelere bağlantılar, dış sitelerden ek modüller ve farklı bilgileri toplamak için yerleşik metre varlığı;
• Siteden kopyalamanın yasak olup olmadığını öğrenin;
• Kodda, diğer site sayfalarına olan tüm bağlantıların yanı sıra onlara tıkladıktan sonra tasarımları ve sonraki eylemleri kaydedilecektir.

Bu sınırlı bir liste değil. Ancak özel bir bilgi olmadan - "okuma" kodunu hatırlatılmalıdır. google sayfaları Krom neredeyse imkansızdır ve elde edilen veriler pratik olarak normal kullanıcı tarafından gerekli değildir.

Öğe "Öğe Kodunu Görüntüle" çalışmıyor

Derhal söylemeliyim - her site birlikte olacak açık Erişim Öğelerin kodlarına. Yani, en popüler ve pahalı siteler bile kodlarını görüntülemek için açık olacaktır. Bu nedenle, Google Chrome tarayıcısındaki öğenin aktif olmadığı veya bir hata verilmesi durumunda, aşağıdaki olası nedenlere sahiptir:

• Kullanıcı profili hasar gördü;
• Bilgisayarda kötü amaçlı yazılımların varlığı;
• Verimliliği artırmak için belirli bir uzantı ile engelleme (bu bile olabilir).

Hasar görmüş kullanıcı profilini düzeltin

Yaratmak yeni profilEski olanı bilgisayarınızdan kaldırmalısınız. Bunu yapmak için aşağıdakileri yapın:

1. Google Chrome'u kapatın ve yerleşikleri başlatın tarayıcı pencereleri Explorer.
2. Adres çubuğuna aşağıdaki komutu giriyoruz:% localAppData% \\ Google \\ chrome \\ kullanıcı verileri \\.
3. Dizin açıldığında, "Varsayılan" klasörünü arıyoruz ve "yedekleme" adına ekledik, böylece aşağıdakiler şunlardır. "Yedekleme Varsayılan".
4. Şimdi tarayıcı kromunun yeni başlatılmasından sonra, yeni bir profil oluşturulacak.

Kötü amaçlı yazılımı veya kalıntılarını çıkarın

Yeni bir profil, sayfa öğesinin sayfasına erişmedi ve hatayı hala görüyoruz, aşağıdaki adımları izleriz:

1. Açık komut windows dize ("Koşu") ve orada "cmd" komutunu girin.
2. Satırdaki aşağıdaki komutu girin: RD / S / Q "% windir% \\ System32 \\ GroupPolicyUsers".
3. Eylemi onayladıktan sonra, şunu sürün: rd / s / q "% windir% \\ System32 \\ Grouppolicy".
4. Şimdi "gpupdate / kuvvet" (sürahi olmadan).

Her şey doğru yapıldıysa, o zaman yeniden başlatıldıktan sonra google bilgisayar Chrome, öğelerin kodunu açacak ve tarayıcının çalışma kapasitesi normalde olacaktır.

İnternette sayısız sitelere baktığımızda, çok sevdiğimiz gibi bulabilirsiniz. Hemen birkaç soru ortaya çıkar. Site, kendi kendine yazılı bir kod veya herhangi bir CMS kullanılarak yapılır mı? CSS stilleri nedir? Onun meta etiketleri nedir? Vb.

Site sayfası kodu hakkında bilgi çıkarabileceğiniz birçok araç vardır. Ama elinizde, her zaman bir sağ fare tuşumuz var. Sitem örneğinde kullanacağım.

Sayfa kodu nasıl görüntülenir?

Görüntülemek için kaynak Site sayfaları, fare imlecini Web sayfasının herhangi bir alanında (resimler ve bağlantılar hariç) üzerine getirmeniz gerekir. Bundan sonra sağ fare düğmesine tıklayın. Birkaç seçenekli bir pencere açacağız (içinde farklı tarayıcılar Biraz farklılık gösterebilirler). Google Chrome tarayıcısında, örneğin, bunlar takımlardır:

• geri;
• ileri;
• tekrar başlat;
• farklı kaydet;
• yazdır;
• rusça tercüme;
• sayfa kodunu görüntüle;
• kodu görüntüleme.

Tıklamamız gerek sayfa kodunu görüntüleVe HTML sitesi sayfası kodu açılır.

Sayfa kodlarını görüntüleme: Neye dikkat edilmesi gerekiyor?

Böylece, HTML Sayfa Kodu, her biri bu sitenin nasıl yapıldığı hakkında bilgi taşıyan bir çizgi listesidir. Bu çok sayıda belirtiyi anlamayı çabucak öğrenmek ve Özel karakterlerKodun farklı bölümlerini ayırt etmeniz gerekir.

Örneğin, başlığın içindeki kodlar, arama motorları ve web yöneticileri için bilgi içerir. Görüntülenmezler. Burada ne olduğunu görebilirsiniz anahtar kelimeler Bu sayfa, adı ve açıklaması olarak tanıtıldı. Ayrıca sitede kullanılan Google yazı tiplerini öğrendiğimiz bir bağlantı bulabilirsiniz.

Site CMS WordPress veya Joomla'da yapılırsa, burada da görülecektir. Örneğin, hakkında bilgi wordpress teması veya joomla şablonu Site. Mavi olarak vurgulanan bağlantıların içeriğini okuyarak görebilirsiniz. Bir bağlantı görünür site şablonunda.

Örneğin:

//fonts.googleapis.com/css?family\u003dSource+Sans + Pro% 3A400% 2C400Italic% 2C600 & VER \u003d 4.5.3.

CSS sayfası yazı tipi stillerini göreceğiz. Bu durumda, yazı tipi kullanılır. Burada görülebilir - yazı tipi yüzü: 'Kaynak Sans Pro'.

Bu site, Yoast SEO Ovası kullanılarak optimize edilmiştir. Bu, bu yorumlu kod kodundan görülür:

Bu site YOAST SEO eklentisi v3.4.2 ile optimize edilmiştir - https://yoast.com/wordpress/plugins/seo/

Vücut etiketinin içindeki tüm bilgiler monitör ekranında tarayıcı görüntülenir. Burada HTML sayfa kodunu görüyoruz ve altta Yandex Metric komut dosyasının kodu var. Metin ile yorum yapılan bir etiketle giyinir:

/Yandex.metrika sayacı.

Toplamalım

Sitenin ana sayfasının sitesinin güzel bir yüzey analizini geçirdikten sonra, bu sayfanın hangi araçların yardımıyla yapıldığı sonucuna varılabilir. Bunu gördük:

• CMS WordPress;
• Google Font Source Sans Pro;
• wordPress - Sydney konusu;
• yoast eklentileri;
• yandex Metrik Metre.

Şimdi sitenin HTML site sayfasını analiz etme ilkesi oldukça anlaşılabilir. Çalışılan sayfanın tarayıcıda açılmasını sağlamak gerekli değildir. Sayfanın sayfasını, CTRL + A, CTRL + C, CTRL + V. kullanarak bilgisayarınıza bilgisayarınıza kaydedebilirsiniz. Herhangi bir yere yerleştirin metin düzeltici (Daha İyi Not Defteri ++) ve HTML genişletme ile kaydedin. Böylece, istediğiniz zaman daha derini inceleyebilir ve kendiniz için daha faydalı bilgi bulabilirsiniz.

1 oy

İyi günler, Blogumun sevgili okuyucuları. Sitede bazı güzel bir çip olur ve soruyu işkence etmeye başlar, yaratıcının böyle ilginç bir etkiye nasıl ulaştığını.

Cevabı bulmak oldukça basit olduğu ortaya çıktı. Ve eğer bazı yetenekleriniz varsa, kendi benzersiz sitenizi oluşturmak için bu tür cips ve kısa bir sürede seçebilirsiniz.

Bugün, sayfa kodunu, belirli bir unsurun nasıl açılacağı hakkında konuşacağız ve bu yeteneği kendiniz için kullanmayı öğreneceğiz.

Temel kod bilgisi

Sitem yeniler için tasarlanmıştır ve ilk önce sitelere ve kodlara iki kelimede söylemek istiyorum.

Bir resim çizmek için, daha sonra küçük parçalara bölün, tarayıcının tüm öğeleri tek bir bütününe getireceği sayesinde kod yazın. Görünüşe göre her şey çok zor mu? Hiç değil ve bu konuda yas tutmaya değmez.

Kaliteli siteler bu şekilde oluşturulur. İstek - bu olguya yakın ve çalışma, arzu yok - kimse seni zorlayamıyor.

Sadece bir şey söyleyeceğim ... Siz tarafından yazılan anlaşılmaz kelimeleri görmekten daha hoş bir şey yoktur, tek bir bütün haline dönüştürülür ve hayata gelin: Bağlantılar İş, Düğmeler Hareket, Resimler Hareketli, Metin tarar. Sanırım Viktor Frankenstein'ın nasıl hissettiğini biliyorum.

Gizli bir dili kavramaya başladığınızda ve her şeyin aslında olduğundan daha basit olduğunu görünce, başlangıçta kendi gücünüze ve beyin fırsatlarına inanamazsınız. Çok havalı.

Siteler nasıl yapılır? İdeal olarak, önce. Sadece bir resim çizer. Örneğin, aşağıdaki şekilde gösterildiği gibi. Sadece bir görüntü ise, bir fotoğraf. Hiçbir referans çalışmıyor, herhangi bir yere gitmediğinizde, arama yapılmaz.

Bu rakam için. Aşağıdaki ekran görüntüsüne bakın. Çok saçma ve çok karmaşık bir karakter kümesi gibi görünebilir. Aslında, her şey çok zor değil, belli bir algoritma var.

Sadece yaklaşık 150 etiket var ve bunların her biri belirli bir eylemden sorumludur: Bağlantı, transfer, yağ, renk, başlık vb. Onlarla uğraşmak o kadar zor değil, eğer bir arzu varsa, zamana acımasız değil.

Bu niteliklerin bilgisi sayesinde, hemen hemen her görevi çözebilirsiniz. Ancak her geliştirici hedefe ulaşmanın yolları kendi bulur.

Deneyimli yaratıcılar derhal sonuçların nasıl elde edileceğini görecek ve diğerleri, makalelerde veya ilk rakiplerin ilk kodunda bir cevap araması gerekir. Sadece üçüncü taraf bir sitede gerekli parçayı alırlar ve kendileri için düzenlerler. Bu, iş sürecini önemli ölçüde azaltır.

Biraz sonra size belirli bir örnek göstereceğim.

Kodu Görüntüle

Öyleyse, önce başka birinin HTML'yi öğrenmeniz gerekiyorsa, nasıl hareket edeceğinizi gösterelim. O zaman diğer tüm soruları daha ayrıntılı olarak düşüneceğiz.

En iyi yol

Birinci tanımlayacağım yöntemi, yeniler için biraz karmaşıktır, ancak bir tanıdık olarak - gidecek, okunur. Sayfayı açın ve farenin sağ tuşuna tıklayın. "Kaydet ..." öğesini seçin.

Web sayfasını tamamen kaydedin. Ekran görüntüsünde görebileceğiniz gibi, her şeyi önceden indirdim. Burada iki klasör var.

İhtiyacınız olan her şey var. Her öğe. Bunu anlarsanız, ihtiyacınız olan her şeyi hızlıca bulabilirsiniz. Ancak, böyle bir görev giderek daha fazla uygulanamaz hale geliyor. İndirme yapılmaz. Sayfayı kopyalamak yasaksa ne yapmalı?

Bu Google Chrome

Muhtemelen fark edebileceğiniz gibi, en sık Google Chrome'u kullanıyorum ve bir başkasının kodunu bu tarayıcıda buluyorum, basitten daha kolaydır. Prensip olarak, her ikisi de diğerlerinde olduğu gibi. Program benzer, ancak aynı olan şey olmayacak. Kodunu bilmek istediğimiz sayfayı açıyoruz ve herhangi bir yere sağ fare düğmesine tıklayın. Görüntülenen sayfanın tıklamasına, sayfa kodunu tıklatın.

Yeni pencere, yeni gelenleri anlamanın oldukça zor olduğu bir kod sayfasını açacaktır. Ancak, vaktinden önce korkmayın.

Sadece bir öğenin kodunu bilmeniz gerekiyorsa, fare ile birlikte getirmek için yeterlidir ve sağ tıklayın. Başka bir Chromium işlevi seçin: "Kod kodunu görüntüleyin".

Örneğin, bir resim veya programlama dilini kullanırken logonun nasıl yapıldığı ile ilgilenebilir miyim? Sonuçta, ne zaman bir kare çizebilirsin cSS yardımı. Birçok uzman, kodla kaydolmak için mümkün olduğunca fazla bilgi verilir. Popüler sitelerde nasıl çalışıyorsunuz?

Öyleyse ortaya çıktı gerekli bilgi. Yukarıdaki HTML'den, CSS'nin dibinde. Bunlar iki dil. Birincisi, metin bileşeninden ve ikinci tasarımdan sorumludur. Css yoksa, her seferinde, yazı tipi boyutunu reçete etmek zorunda kalacaksınız. Her sayfa için çok uzun. Ancak HTML yoktu, metinlerimiz olmazdı. Kabaca açıklandı, ancak genel olarak her şey öyle.

Bu arada, burada nasıl düzenlendiğine ilgi duyuyorsanız, resmin altındaki bağlantının altına bakabilirsiniz. Yani cevap ver.

Mozilla Firefox.

Bir milletvekilinde çalışmak isterseniz, her şey de olacak. Sayfayı açın ve farenin sağ tuşuna tıklayın. Tüm kodun tamamını görmek istiyorsanız "Sayfa Kaynak Kodu".

Herhangi bir maddeye geldiğinizde, kodunu açmak mümkündür.

Burada veriler ekranın alt kısmında görüntülenir ve aksi takdirde her şey dedir.

Yandex Tarayıcı

Yandex tarayıcısında, her şey önceki iki sürümündeki gibidir, sayfayı açın, sağ fare anahtarı, sayfa koduna bakın.

Kodunu bilmek istiyorsak imleci öğeye getiriyoruz.

Burada tam olarak Chrome'da olduğu gibi gösterilir.

Opera

Nihayet Opera.

Bu arada, belki fareyi kullanmak için gerekli olmadığını fark ettiniz. Kodu açmak için hızlı bir tuş kombinasyonu var ve tüm tarayıcılar için aynı: CTRL + U..

Öğeler için: CTRL + Shift + C.

Sonuç böyle nasıl görünüyor.

Yeni başlayanlar ile ilgilenecek

Ve şimdi her şeyin nasıl çalıştığını gör. Size bir site bulun ve gerçekten bir çeşit eşyadan hoşlanırsınız. Örneğin, bu. Bildiğiniz öğenin kodunu nasıl açabilirsiniz.

Şimdi kopyala.

Kullandığım, bu kodu yeni bir HTML dosyasına, vücut etiketinde (İngilizce olarak) yerleştirin.

Şimdi tarayıcıya nasıl bakacağını görelim.

Hazır. Metnin kenarlar boyunca hizalanması ve yeşilimsi bir renk elde edilmesi için, bu belgeye CSS'ye bağlanmanız ve bunu yaptığımız sitedeki başka bir kodu kopyalamanız gerekir.

Şimdi bunu yapmayacağım. Daha fazla zamana ihtiyacı var: Ve benim ve seninkiler. Gelecekteki yayınlarımda tarif edeceğim tüm detayların olduğunu düşünüyorum. Bültene abone olun ve önce makalenin görünümünü öğrenin.

Eğer katlanmak için bir gücünüz yoksa ve şimdi HTML ve CSS hakkında daha fazla bilgi edinmek istiyorsanız, gelenek tarafından ücretsiz eğitim kursları önerebilirim.

İşte html efendisine izin verecek 33 ders - « Ücretsiz kurs html tarafından " .

Ve burada CSS hakkında tam bilgi - "Ücretsiz CSS kursu (45 video eğitimi!)" .

Şimdi biraz daha biliyorsun. Onların çabalarında başarılar diliyorum. Yeni toplantılara!

İnternette belirtilen sitenin dosyalarını ve kodunu etkilemeden sitedeki tüm değişiklikleri hızlı bir şekilde görmeniz gerekir. Örneğin, yeme öğesini vb. Hareket etmek için herhangi bir bloğun renk gamını değiştirin.

Bunun için birçok webmaster kullanıyor yerel sunucular Denwer veya OpenServer, sitenin tam bir kopyasını bilgisayarınızda çalıştırıyor. Bu yöntem evrensel ve profesyoneller için uygundur, bunun yardımı ile çalışmayı kontrol edebilirsiniz. Çeşitli komut dosyaları Her iki eklenti, tasarımdaki bir değişiklikle deneyin ve tüm site dosyalarını düzenleyin ve test aktarmasından sonra uygun değişiklikleri doğrudan siteye aktarın.

Webmaster'dan uzak kullanıcılar bu amaçlar için bir tarayıcı kullanmanızı öneririm. Shrme'u kullandığımdan beri, bu tarayıcı için ekran görüntüleri ile talimatlar vereceğim. Analoji tarafından, Opera, Yandex.Bauzer ile çalışabilirsiniz, Mozilla Firefox. ve diğer tarayıcılar, araçlarının prensibi benzerdir.

Talimat 1: Tarayıcıdaki tüm HTML site kodunun nasıl görüntüleneceği

Sitenizin gerekli web sayfasını açın. Gerekli öğenin sağ fare düğmesiyle, ContexTual Browser açılır menüsü mevcut komutlarda görünecektir:

Şekil 1. Tüm HTML Web Sayfası kodunun tamamını görüntüleme tarayıcı kromu.

Önemli: Aşağı açılır menüdeki komutlar, örneğin, aktif elemanlar (bağlantılar, resimler, video) ve etkin olmayan (metin, arka plan, diva) için farklı olabilir.

Şekil 2. Krom tarayıcı açılır menüsü

Bu nedenle, gerekli komutu bulamadıysanız, başka bir yerde sağ fare düğmesini tıklamanız yeterlidir veya sıcak tarayıcı tuşlarını kullanın.

Şekil 1'e geri dönelim, kaynak web sayfasının tüm HTML kodunu görüntülemek için gerekli komutu gösterir, " Sayfa kodunu görüntüle". Bir takıma tıklayın yeni iç Orijinal web sayfasının tam koduyla, büyük artı her şeye - görüntüleme sözdizimini vurgulayarak mevcuttur:

Şekil 3. Bu sitenin kodunun parçası

Bu araç, istenen öğeleri bulmak ve düzenlemek için çok kullanışlıdır.

Tüm HTML Web Sayfası kodunu görüntülemek için alternatif yollar

Daha fazlası için hızlı erişim, Bu aracı aramanın başka yollarını kullanabilirsiniz.

1. Şekil 1'de, bu komutun klavye kısayolunda mevcut olduğunu da görüyoruz. + ;
2. Görünüm kaynak tarayıcısını Adres çubuğuna yerleştirin: Etki Alanım yerine Site Adresinizi ekleyin;

Her iki yöntem de evrenseldir ve tüm tarayıcılarda çalışmalıdır.

İlk başta biri bu gerekli araç olmadığı görülecek, ancak tüm HTML site kodunun görünümü, gerekli eşyaların kodunu aramak için mükemmeldir, linkler, etiketler, meta etiketleri, nitelikler ve diğer öğeler olabilir.

Sıcak anahtarların bir kombinasyonu + Arama kutusunu açın, sağda göründüğü krom tarayıcısında:

Şekil 3. Kod Arama Sitesi

Form formunu aramanız istendikten sonra, ekran, aralarında hareket edebileceğiniz okları kullanarak, ekranı ilk bulunan elemana taşınır ve gerekli olanı seçin:

Şekil 4. Tarafından arama yapın Html coda Site.

Talimat 2: Google Chrome tarayıcısında HTML ve CSS site kodunu görüntüleme ve düzenleme

Şimdi sameya önemli kısımİçinde, HTML ve CSS site kodunu tarayıcıda nasıl düzenleyebileceğinizi göstereceğim. Bundan sonra tarayıcıya değişir.

İşte tarayıcınızda her zaman kullanılabilir bir araçtır, sitenin düzenlenmesini kolaylaştıracağınız diğer komutlarla deneyin.

Beceri kaynak kodunu değiştir - Gelişmiş bir İnternet kullanıcısı için faydalı beceri. HTML kodlarını kullanarak, lütfen açık web sayfasını istediğiniz gibi değiştirebilirsiniz. Bu makalede biz söyleyeceğiz sayfa kodunu nasıl değiştirilir Google Chrome'da. Bununla birlikte, diğer tarayıcılarda her şey aynı şekilde yapılır, bu nedenle zorluk olmamalıdır.

HTML sayfa kodu nedir?

Tarayıcınızda açtığınız her sayfa HTML İşaretleme dilinde kendi kodu vardır. Bu kod etiket ve metindir. Etiketler, tarayıcıyı, sitenin bir veya başka bir bölümünü nasıl göstereceğini gösteren tuhaf etiketlerdir. Metin, kullanıcının gördüğü sayfanın doldurulmasıdır. Ayrıca sayfaya, ayarlanan CSS stillerine bağlanabilir. görünüm Sayfa öğeleri. İçin sitenin kaynak kodunu değiştirin HTML ve CSS'yi iyice tanımanıza gerek yoktur ve yakında bunun için emin olmanıza gerek kalmaz.

Neden web sayfasını değiştirir?

Sitedeki verileri değiştirebilir, mesaj metnini değiştirebilir, sahte ekran görüntüsü yapabilirsiniz. Lütfen tüm değişikliklerin yalnızca sizin için göründüğünü ve sayfayı yeniden başlatırken, kaybolur. Ayrıca değiştirilmiş veriler gerçek olmayacak. Örneğin, 10 dolar varsa ve 100'e kadar değişeceğim, o zaman artık para olmayacağım. Bu sadece bir tarayıcı sayfası ekranıdır. Misal:

Sonra:

Örneğin, aynı siteyi alacağım ve "" açtığım makalenin önceki açıklamasını değiştireceğim. ana Sayfa Google Chrome'da. Değiştirmek istediğim eleman üzerindeki PCM'yi tıklatırım, örneğin, duyuru başlığını, "Kodu Görüntüle" seçeneğini seçin.

Açılan pencerede, Öğeler sekmesine gidin ve HTML sayfa koduna bakın. İlgi alanını bize bulması gerekiyor. (Kırmızı vurguladı)

Şimdi eski metni silerim ve yeni yapacağım.

Hepsi bu, duyurunun adı değişti. Şimdi duyuru, etiketleri ve değerlendirme listesini değiştiriyorum.

Değiştirerek başka bir resim ekleyebilirsiniz sRC özniteliği IMG etiketinde.