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

2019-02-15

Bu taze makale, Blogspot Şablonları'ndan ve yeni konu blogcularından gelen gereksiz bağlantıların yanı sıra, gereksiz bağlantıların yanı sıra güncel bilgileri vurgulamak için yazılmıştır. Bildiğiniz gibi, Blogger Kodlarında 2018'deki Blogger Kodlarında değişiklik olmuştur, bu nedenle kodla ilgili birçok eylem yeni bir şekilde yapılmalıdır. Ayrıca, aksi takdirde oluşan yeni konular vardı. Bu değişikliklerle bağlantılı olarak, bağlantıları kaldırma konusunu analiz edeceğiz.
Blogunuzu HTTPS://pr-y.ru/link_extractor/ ve https://seolik.ru/links hizmetleriyle ilgili harici bağlantılar için kontrol edebilirsiniz. Sadece ana blog sayfasını değil, aynı zamanda kayıtlar sayfasını (yayınlar) ve sayfaları (sayfa) kontrol etmeniz gerektiğini unutmayın. İndekslemeye açık çok sayıda dış referans engellenir.

Eski Standart Blogger Şablonundan Bağlantılar Nasıl Silme

1. Blogger bağlantısını sil - https://www.blogger.com/. Bu bağlantı atıf widget'ında eklenir. "Blog Design" sekmesinde, gadget niteliği olarak görüntülenir ve. Çıkarmak için, "Konu" na gidin -\u003e HTML düzenleyin. Arama widget'ları (widget listesi) Atıf'ı buluruz1'i buluruz ve tamamlandığı altbilgi bölümü ile birlikte tüm kodları silin. Bu, bükülmüş formdaki çıkarılabilir bir kod gibi görünüyor:
   
   
   Ve böylece tam kod:
   

   
   
   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   Değişiklikleri kaydederiz ve bir atfidasyonun varlığı için blogu kontrol ediyoruz.
2. Tabii ki, hızlı düzenleme widget'ları için blogunuzdaki "anahtarı ve tornavida" simgelerini gördünüz. Her iki simge, Blogger'a harici bağlantı ile taşınır. Şimdi nofollow etiketi tarafından kapatıldılar, ancak hala onlardan kurtulmaları gerekiyor. Tasarım sekmesinde olacak aynı widget'ları düzenleyin.
   İşte bir İngiliz anahtarı simgelerinde şifrelenen referansların eksik bir listesidir (blog kimliği sizindir)
   - HTML1 Widget: http://www.blogger.com/rearrange?bloGid\u003d1490203873741752013&widgettype\u003dhtml&widgetid\u003dhtml1&action\u003deditwidget§ionId\u003dheader
   - HTML2 Widget http://www.blogger.com/rearrange?bloGid\u003d1490203873741752013&widgettype\u003dhtml&widgetId\u003dhtml2&actionId\u003dHTML2&actionId\u003dHTML.
   - Blog Arşivi: http://www.blogger.com/rearrange?bloGid\u003d1490203873741752013&widgettype\u003dblogarchive&widgetId\u003dblogarchive1&action\u003deditwidget§ionId\u003dmain
   - Blog etiketleri: http://www.blogger.com/rearrange?bloGid\u003d1490203873741752013&widgettype\u003dlabel&widgetid\u003dlabel1&action\u003deditwidget§ionId\u003dmain.
   - Popüler mesajlar: http://www.blogger.com/rearrange?bloGid\u003d1490203873741752013&widgettype\u003dpopularposts&widgetId\u003dpopularposts2&acationId\u003deditwidget§ionId\u003dmain.
   Bütün bu bağlantılardan kurtulmak kolaydır. Blog şablonunda bir etiket blog bul . Blogunuzdaki widget'lar kadar toplanır. Tüm giriş etiketini kaldırın .
3. Hızlı düzenleme blog girişi (simge "kurşun kalem" için bağlantıları silin). Düzenleme yayınlarını basitleştirir, ancak harici referans türü olarak bir tehdit taşır: https://www.blogger.com/post-edit.g?bloGid\u003d1490203873741752013&postid\u003d4979812525036427892&from\u003dpencil
   Nasıl Sil Yapılır:
   Yöntem 1. Tasarım sekmesinde, "Blog" öğesini düzenleyin ve "Show" Hızlı Düzenleme Öğesi'ndeki onay kutusunu kaldırın. "
   Yöntem 2. Blog şablonunda bir etiket blog bul Ve çıkarın. Değişiklikleri kaydedin ve blogunuzu simgeler ve bağlantılar için kontrol edin.
4. NavBar'ı kaldırın. Navbar1 HTML şablonundaki Widget'ları arayın ve tüm kodları bölümle birlikte silin.

   Yani:
   

   
   
   
   

   
   
   
   
   
   

   Şimdi Navbar blogda dizine eklenmiş dış referanslar vermez, ancak bunun fonksiyonel yükü taşımayan ekstra bir unsur olduğuna ve kaldırmak daha iyi olduğuna inanıyorum.
5. Görüntülere harici bağlantıları silin. Görüntüleri blog mesajına yüklerken, bağlantı otomatik olarak bunlara gömülür. Bu tür bağlantıları kaldırmak için, tüm blog girişlerini düzenlemeniz gerekir. "Görünüm" modunda ve ardından "Bağlantı" simgesinde. Görüntü harici bir bağlantı taşımıyorsa, fotoğraf düzenleyicisine tıkladığınızda, "Bağlantı" simgesine bağlantı aktif değil (arka ışık simgesi yok).
   
   
6. Blog yazarının profiline bağlantıyı kaldırın. Yazarın blogunu kayıt altındaki silin. Bunu yapmak için kodu bulun. doğru. Ve doğru yerine, yanlış emmek. Her ne zaman yanlış
7. "" Nofollow etiketini indekslemek için "" aracılığıyla bir bağlantıyı kapatın. Blogunuzda "Profil" widget kullanıyorsanız, Blog Şablon Profili1 Gadget'taki Widget'larla Hızlı Arama ile Bulun. Widget kodunu düzenlemenizi, iki yerdeki relk \u003d 'Yazar' 'da değiştirmeniz gerekir, REL \u003d' nofollow 've iki bağlantı relo \u003d' nofollow'u ekleyin. Ekran görüntüsünde olduğu gibi:

   
   Google plus profilinin örnek düzenlenmesi üzerine yapılmıştır. Google Plus'ın 2 Nisan 2019'da tasfiye edileceğini size hatırlatıyorum. Buna göre, bu tarihten sonra "benim hakkımda" widget kodunda başka değişiklikler üretmek gerekecektir.

8. Yorum yapan herhangi bir blogspot kayıt sayfasını harici bağlantıları kontrol ediyoruz. Blog şablonundaki kodu bulun ve silin:
   
   Blog ayarlarındaki blog ayarlarında -\u003e Diğer -\u003e PIDE Site -\u003e Blog FID'sinin aşağıdaki ayarları kullanmasına izin vermeme izin verin:
   
   

Yeni Standart Blogger Şablonundan Harici Bağlantıları Kaldır

4. Tarayıcı Google Chrome. Hayır, herhangi bir şüphenin ilk en iyi organizasyonuna sahip değil kodu fakat. Sayfayı sağ tıklatarak, "Görüntüle'yi tercih edebilirsiniz. kodu fakat sayfalar "Ve sonra sözdizimi geri tepme kaynağı ayrı bir sekmeyle açılacaktır. Ve string "görünümünün aynı menüsünde tercih edebilirsiniz. kodu ve öğesi "ve tarayıcıdaki tarayıcı, HTML ve CSS'yi inceleyebileceğiniz iki ek çerçeveyi açacaktır. kodu herhangi bir element sayfalar . Tarayıcı, imlecin satırlardaki hareketine cevap verecektir. kodu a, HTML'nin bu bölümüne karşılık gelen sayfadaki öğeleri vurgulamak kodu fakat.

5. Apple Safari tarayıcısında "Görünüm" bölümünü genişletin ve "HTML'yi Görüntüle" dizesini seçin. kodu fakat". Oluşan menüde sağ tıklayın sağ tıklayın sayfalar İlgili noktaya "Görünüm Kaynağı" denir. Bu işlem yazma tuşları CTRL + ALT + U. ilk tarafından öngörülmektedir. kodu Ayrı bir tarayıcı penceresinde açılır.

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. Sayfa öğelerinin görünümünü ayarlayan CSS stilleri de sayfaya da bağlanabilir. İç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 "" Google Chrome'daki ana sayfayı açıyorum "" makalesinin önceki duyurunu değiştireceğim. 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.

IMG etiketindeki SRC özniteliğini değiştirerek başka bir resim ekleyebilirsiniz.

Bu yüzden bugün, siteyi yatırırken hayatı kolaylaştıran web sihirbazları için çeşitli fonları düşüneceğiz. Google Chrome'daki web ustaları için konsolla başlayalım. Ve site düzeni sırasında en sık web masterından ortaya çıkan sorulara devam edeceğiz.

Konsola girmek için, sitenizi Google Chrome'da açın, Web sayfasındaki herhangi bir yere sağ tıklayın ve "Bağlamsal açılır menüde veya" Sayfa kodunu Görüntüle "seçeneğini seçin. Kod öğesini görüntüleyin. "

Üstte, birkaç sekme listeleneceksiniz. Bugün "unsurlar" sekmesi hakkında konuşacağız , Web sayfasının elemanlarının aydınlatılmış etiketleri, özellikleri, yuvalama elemanlarının seçimi, DOM ağacındaki eleman hiyerarşisinin gösterimi (altta ucu, kök ebeveyninden çalışma altındaki akıma), yeteneği Elementleri düzenle, özelliklerinin listesi, öğeleri olarak aramayı düşünün, öğelerle ilgili CSS stillerini izlemekle birlikte edinileceğiz.

Belirli bir unsurla ilgili tüm stilleri nasıl görüntülemek için? Şimdi hangisi uygulanır? Hangi dosyalar bulunurlar?

Yani, daha kolay bir şey yok! Google Chrome tarayıcınızı açın, sitemizi açın - Soruların kaynağı, sayfanın bağlamında görünürse, sağ fare düğmesiyle istediğiniz öğeye tıklayın ve Bağlam menüsü.

Aşağıda, soldaki "elementlerin" vurgulanan bir sekmesine sahip bir konsolumuz var ve hepsi sağdaki eleman stilleriyle bağlanmış: Bilgisayarlı stiller. - Bunlar, CSS kuralları ve kullanıcı tarayıcı ayarlarından (çevre ortamı) bir öğeye atanan ortak "özet" stilleridir ve sekme en aza indirilir.

Ancak, maddeye atanan tüm stillerin, ayrıca, bu kuralların bu ürün için tür, kimlik, sınıf, isim, özellik, nitelik vb. . Aynı zamanda, CSS kuralı geçerse, daha önce / daha önce geçersiz kılındığı anlamına gelir (bu, CSS kurallarından hangisinin bir öncelik olduğunu ve bu durumda bu durumda geçerli olduğunu izlemeyi kolaylaştırır).

Konsolun dibinde, elemanı belge hiyerarşisinde gösteren bir dize var, kolayca ana eleman listesinin tüm listesini kökten seçilen öğeye görüntülemenizi sağlar. "Ekmek kırıntıları" gibi bir şey.

HTML etiketi sayfa bağlamında görünmez mi? Veya örneğin belirli bir sınıf, isim, mülk, türünde, örneğin tüm etiketleri bulmanız mı gerekiyor?

Siteyi Google Chrome'da açın, sağ tıklayın, içerik menüsünü arayın, seçin « Sayfa kodunu görüntüle » . "Ctrl + F" klavye tuşuna aynı anda tıklayın, ihtiyacınız olan cümleyi giriyoruz ( Örneğin: sınıf \u003d "dolgu malzemesi ") Ve aynı zamanda sayfanın sağ tarafındaki gerekli elemanlarla ilişkili tüm stillere bakarak bulunan sonuçların listesine gidiyoruz.

Nasıl dinamik olarak yüklenen elemanın (elemanların) HTML kodunu nasıl görüntüleyebilirsiniz (örneğin: Ajax tarafından)

Google Chrome'daki sayfa indirmelerini bekliyoruz. AJAX'in çalışması için gerekli eylemleri gerçekleştiriyoruz. İndirilen verilere sağ tıklayın, içerik menüsündeki "Öğe Kodunu Görüntüle" seçeneğini seçin, sonucu soldaki öğeler sekmesindeki konsolda araştırıyoruz.

CSS tarzı değişiklikleri gerçek zamanlı olarak görüntüle

Bu arada, gerekirse gözlemlemek de uygundur: örneğin galerileri ve diğer zamanlayıcı olaylarını kaydırırken, RAID'nin bir elemanına hangi stiller atanır? JavaScript aracılığıyla atanan tüm gerçek zamanlı stiller tesiste görüntülenecektir. stil. "Elements" sekmesindeki penceredeki seçilen öğe.

CSS kurallarının HTML etiketi temsilindeki etkisinin etkileşimli görüntülemesi

Google Chrome, CSS stilleri için etkileşimli bir konsol sağlar. Ve bu, yalnızca hangi stillerin öğe için geçerli olduğunu, ancak fare imlecini belirli bir CSS özelliklerine getirebileceği anlamına gelir, açılır kene kullanarak açılır ve bayrağı kaldırarak devre dışı bırakın. Sonuçtaki sonucu sayfada görüntüleme.

RAID'in HTML öğelerinin başvuru yapısını değiştirin (tarayıcıda sağ)

Böylece, web belgesinin yapısını Google Chrome'da keşfetmek için, daha önce öğrendik, şimdi RAID'in unsurlarını kısaca düzenlemeyi düşünün. Bizim için uygun herhangi bir şekilde konsola gidin. İstediğiniz öğeyi "Elements" sekmesinde buluruz, sağ fare düğmesiyle üzerine tıklayın, böylece açılır bağlam menüsünü arar:

• Öznitelik ekle. - Belirtilen öğe için bir özellik ekler. İmleç aktif olur olmaz, istenen özelliği belirlemeye başlayın. Örneğin: Hemen elemanımıza eklenecek olan bir isim \u003d "itemimage" yazın.
• Niteliği düzenle. - Maddeye sağ tıklama özniteliğini tıklarsanız, kullanılabilir olur. düzenle.öznitelik.. Tıklayın, Düzenleyin.

Kullanım Örneği:google Chrome'daki asteristerlerin altında depolanan şifreyi unuttuk (eğer parola bu tarayıcıya kaydedilirse). Parola girişi olan öğeye sağ tıklayın, "Kod kodunu görüntüleyin" üzerine tıklayın. , SEG'deki soldaki konsolda ElementlerÖznitelik türüne tıklayın \u003d "şifre" sağ tıklayın, fareye sol tıklayın Düzenle.Öznitelik,Özniteliği değiştiririz type \u003d "parola " üzerinde type \u003d "metin "Ve burada zaten yıldızlar yerine metin biçiminde en fazla şifreye sahibiz.

• Düzenle.hTML. - Konsoldaki öğeye sağ tıklayın. Elementler, Seç Düzenle.html,kodu beğeninize göre değiştirin.
• KopyagibiHtml - İhtiyacınız olan HTML bölümünü daha fazla araştırma için, dizüstü bilgisayarda veya başka amaçlar için, tam olarak aynı düzen uygulamamız gerekenler için kopyalayın. Zaman kazanıyoruz.
• KopyaXPath. - Yapının XPath'ı ebeveyn elemanının kökünden özel öğeye kopyalar.
• Silmek.düğüm. - Geçerli seçili öğeyi ve tüm bağlı ortaklıklarını sayfanın web bağlamından çıkarmanız ve sonucu görmeniz gerekirse.
• Kelime.paketlemek. - Konsol bağlamında bir web sayfası görünümü yapın Elementler daha okunaklı.

Aşağıdaki makalelerde, bir web ustası için fonların dikkate alınacağını ve özellikle de Web Master için diğer araçların diğer sekmeleri ile tanışacağız. Google Chrome.Ayrıca, JavaScript Hataları Araçlarını Farklı Tarayıcılardan Hata Ayıklamayı Durumlandırın