Kendi özel CSS veya Javascript'i ekleyebileceğim tarayıcı


4

Bir tarayıcı kullanırken kendi özel CSS veya Javascript'imi yüklemenin bir yolu var mı?

Bir web sitesine erişirken veya bir web sitesi geliştirirken, bilgisayarımdan kendi özel komut dosyalarını yüklemek istiyorum. Bunun Firebug veya Chrome'un geliştirici araç çubuğu tarafından yapılabileceğini biliyorum, ancak tarayıcınızı yeniledikten sonra değişiklikleriniz de silinecek. Bu tam olarak CSS ve Javascript eklemek istediğim şey, ancak değişikliklerinizi yerel olarak geçici olarak kaydettiğiniz bir seçenek olmasını diliyorum. Veya harici CSS veya JS dosyalarını yükleme seçeneğine sahiptir.

Amaç:

  1. Ön uç geliştirirken bazen CSS özelliklerini değiştirmek veya değiştirmek için Chrome'un geliştirici araç çubuğunu veya Firefox'un Firebug'unu kullanmak benim için uygun çünkü değişiklikleri daha sonra yenilemeden gerçek zamanlı olarak görebiliyorum. Gördüğüm tek sorun tarayıcımı her yenilediğimde değişikliklerin de sıfırlanacağı. Şimdi, değişikliklerimi yerel olarak kaydedebildiğim veya kendi harici .css dosyasını veya .js dosyasını yükleyebileceğim bir seçenek olsaydı.

  2. Bazı web sitelerinin yerel olarak görüntülendiğinde nasıl göründüğünü özelleştirmek istiyorum, örneğin, çok fazla reklam içeren bir bloga erişmek. Önemsiz gizlemek için CSS özelliklerini uygulamak istiyorum.

Sık kullandığım tarayıcılar:

  1. Google Chrome (geliştirme için: Dahili Dev Araç Çubuğu)
  2. Mozilla Firefox (geliştirme için: Firebug)

Yanıtlar:


5

CSS dosyaları için bunu yapmanın birkaç yolu vardır. Tarayıcı yükleme klasöründe şık bir uzantı kullanabilir veya özel bir dosya kullanabilirsiniz.

http://www.lostsaloon.com/technology/using-a-custom-stylesheet-in-a-web-browser/

JS dosyalarına destek için yukarıda belirtilen Greasemonkey en iyi seçeneğinizdir.


1
Makalenizi burada özetler misiniz? Biz sadece kendi sitenizi bir cevap olarak
bağlamamanızı

güzel. öneri için teşekkürler. Krom için şık kullanıyorum.
Pennf0lio

3

Greasemonkey için +1. Teoride, Firefox için düzenleyebileceğiniz css dosyaları var, ancak greasemonkey'e gidin. Bunun için önceden hazırlanmış birçok senaryo var.
Rich Homolka,

2
Cevabınızı genişletir misiniz lütfen? Belki OP'nin ne istediğini nasıl elde edebileceğinizi gösterin.
slhck

1
Üzgünüz, ancak gerekli JS bilgisine sahip değilim.
m0skit0

Hmm .. Gres maymunu için kapsamlı bir arka plan oluşturma komut dosyası yok ve komut dosyalarının çoğu belirli bir site için çalışıyor. İstediğim şey, düzenlediğim veya değiştirmek istediğim URL'ye harici bir .js dosyası veya .css dosyası ekleyebilirim.
Pennf0lio

Bununla demek istediğim elbette kendi senaryolarınızı yazmaktır. @İnclude etiketinde hangi siteler için çalıştığını belirleyebilirsiniz. IMHO, her seferinde JS / CSS'yi değiştirmek ve test etmek için projeye eklemek zorunda kalmaktan çok daha kolay. GreaseMonkey betiğinizi değiştirmeniz ve sayfayı yeniden yüklemeniz yeterli.
m0skit0

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.