Chrome'da (veya Herhangi Bir Tarayıcıda) Herhangi Bir Web Sayfasını Düzenleme

Web sayfaları, web tarayıcınızın görüntülediği belgelerdir. Peki ya değiştirmek için herhangi bir web sayfasına doğrudan yazabilseydiniz? Yapabilirsiniz ve bir tarayıcı uzantısına ihtiyacınız yoktur - bu, her modern tarayıcıda yerleşik bir özelliktir.

Bu özellik, web tarayıcınızın JavaScript konsolu aracılığıyla etkinleştirebileceğiniz "document.designMode" özelliğinden yararlanır. Kısa süre önce Tomek Sułkowski tarafından Twitter'da vurgulandı, ancak o kadar harika ki okuyucularımızla paylaşmak zorundayız.

Bu özelliği, bir web sayfasını yazdırmadan önce temizlemek, bir web sayfasındaki değişikliklerin nasıl görüneceğini test etmek veya hatta insanları şaka yapmak için kullanabilirsiniz. Tıpkı bir Word belgesini düzenlemek gibi olacak - HTML ile uğraşmanıza gerek yok.

Bu özelliği etkinleştirmek için bir web sayfasını ziyaret edin ve ardından geliştirici konsolunu açın. Konsolu Google Chrome'da açmak için menü> Diğer Araçlar> Geliştirici Araçları'nı tıklayın veya Ctrl + Üst Karakter + i tuşlarına basın.

Burada örnek olarak Chrome'u kullanırken, bu özellik diğer modern tarayıcılarda da çalışıyor. Konsolu diğer tarayıcılarda şu şekilde açabilirsiniz:

  • Mozilla Firefox'ta, menü> Web Geliştirici> Web Konsolu'nu tıklayın veya Ctrl + Shift + K tuşlarına basın.
  • Apple Safari'de, Safari> Tercihler> Gelişmiş'i tıklayın ve "Menü çubuğunda Geliştirme menüsünü göster" seçeneğini etkinleştirin. Ardından, Geliştir> JavaScript Konsolunu Göster'i tıklayın.
  • Microsoft Edge'de, menü> Diğer Araçlar> Geliştirici Araçları'nı tıklayın veya F12'ye basın ve ardından "Konsol" sekmesini tıklayın.

Geliştirici Araçları panelinin üst kısmındaki "Konsol" sekmesini tıklayın. Aşağıdakileri konsola yazın ve Enter tuşuna basın:

document.designMode = 'on'

Artık isterseniz konsolu kapatabilir ve mevcut web sayfasını düzenlenebilir bir belgeymiş gibi düzenleyebilirsiniz. İmlecinizi eklemek ve metin yazmak için bir yere tıklayın. Metinleri, resimleri ve diğer öğeleri kaldırmak için Geri Al veya Sil tuşlarını kullanın.

Bu, web sayfasının tarayıcınızda nasıl göründüğünü değiştirir. Sayfayı yenilediğinizde orijinali bir kez daha göreceksiniz. Başka bir web sayfasına veya sekmeye giderseniz, konsolu açıp bu satırı bir kez daha yazana kadar tasarım modunda olmayacaktır.

Hatta konsola geri dönebilir ve tasarım modunu kapatmak için aşağıdaki komutu çalıştırabilirsiniz:

document.designMode = 'kapalı'

Web sayfası artık düzenlenemeyecek, ancak siz sayfayı bir sonraki yenileyene kadar değişiklikleriniz korunacak.