Google Chrome'u “Uygulama” Yapın Windows 7'de Yüksek Kaliteli Simgeler Kullanın

Google Chrome'un "Uygulama Oluştur" kısayolunu ne zaman kullansam (yoğun kullandığım ve önerdiğim), Windows 7 görev çubuğunda gösterilen simgeler bulanık görünüyor, muhtemelen 16x16 favicon'un gerilmesi sonucu.

Bunları başka bir yüksek kaliteli simgeyle değiştirebilmek isterdim, ancak önbelleğe alınmış dosyayı değiştirdiğimde bile, bir nedenden dolayı güncellenmiyor.

Başvuru için, işte en azından Gmail için simgenin yolu. Ayrıca Chrome'un en yeni Dev kanal sürümünü kullanıyorum.

% USERPROFILE% \ AppData \ Local \ Google \ Chrome \ USERDA ~ 1 \ Default \ PLUGIN ~ 1 \ GOOGLE ~ 1 \ mail.google.com \ https_443 \ simgeler # masaüstü \

Bu sizi tatmin etmeyebilir, ama en azından nereden geldiğini açıklar.

Krom / Gears API aşağıdaki diyor:

desktop.createShortcut('Test Application',
                       'http://example.com/index.html',
                       {'128x128': 'http://example.com/icon128x128.png',
                          '48x48': 'http://example.com/icon48x48.png',
                          '32x32': 'http://example.com/icon32x32.png',
                          '16x16': 'http://example.com/icon16x16.png'},
                       'An application at http://example.com/index.html');

icons - Bu adlandırılmış özelliklerden birini veya daha fazlasını içeren bir nesne: 128x128, 48x48, 32x32, 16x16. Her özelliğin değeri, özellik adıyla eşleşen boyutlara sahip PNG formatlı bir resmin URL'si olmalıdır. Base64 ile kodlanmış PNG verilerini içeren bir veri URL'si de kullanılabilir.

Bu yüzden sanırım şu anda bağlantı kurduğunuz web sitesinde bir şeyler kullanıyor. Yüksek kaliteli sürümleri yoksa, bahsettiğiniz çirkin sürümünü alırsınız. Değiştirilmesi, kısayolun içindeki bağlantıyı değiştirmenizi gerektirir.

Bu zaten sıkıcı bir işe girmeye başladığından, şu adımları izlemeniz daha iyi olacaktır:

Adım 1: Bilgisayarınıza simgeyi kaydedin - Bunu zaten başarıyla yaptınız inanıyorum :) - Tarayıcınızın adres çubuğuna, web sitesinin etki alanını ve ardından "favicon.ico" metnini yazın. Yahoo web sitesi simgesi, yazılacak adres " http://www.yahoo.com/favicon.ico " şeklindedir. Benzer şekilde, Google simgesini ": //www.google.com/favicon.ico" adresinde bulabilirsiniz. - Yukarıda belirtilen adresi yazdığınızda, sadece web sitesi için simgeyi içeren bir sayfa yüklenir. - Resme sağ tıklayın ve "resmi farklı kaydet." Seçeneğini seçin - Tüm simgeleri merkezi bir klasöre kaydedin, "Belgelerim \ Simgelerim" deyin

Şimdi, simgenin kalıcı bir kopyasına sahipsiniz. Bir sonraki adım kısayol ile ilişkilendirmektir.

Adım 2: Simgeyi kısayolla ilişkilendirin - Masaüstünüzdeki web sitesi kısayoluna sağ tıklayın - Beliren açılır menüden "Özellikler" i seçin - Açılan iletişim kutusunda "Web Dokümanı" sekmesine geçin. - Orada bulunan "Simge Değiştir ..." düğmesini tıklayın. - Bu, kaydedilen simge dosyasına göz atmanızı ve seçmenizi sağlayan Simge Değiştir iletişim kutusunu açar. - Sonra birkaç kez Tamam'ı tıklayın ve tüm iletişim kutularından çıkın.

Bu muhtemelen, Web Dokümanlarını açabilmek için Chrome'un standart tarayıcınız olmasını gerektirir!

Theta-ga'ya özel teşekkürler

Güncel bir Dev kanalı olayı gibi gözüküyor. Geçerli sürüm ve Beta sürümleriyle, Windows 7'de ayrı bir görev çubuğu simgesi almazsınız - standart Chrome simgesinin arkasına yığılırlar. Dev ile yarı yoldalarmış gibi gözüküyor.

Bu, doğru boyutta simgeler sunmayan siteler için en iyi bahis olabilir . Bunun işe yaradığını tam olarak teyit etmedim, çünkü dev kanalında değilim.

Bir git dataUri Generator simge olarak istediğiniz 128px PNG yükleyin. DataUri metnini aşağıdaki kullanım için kopyalayın.

Sayfadaki Google Chrome'da, <CTRL>+ <SHIFT>+ tuşlarına basarak bir uygulama kısayolu oluşturmak istediğinizde J, soldan ikinci simgeyi tıklayın ( Show Console) ve aşağıya yapıştırın. Aşağıdaki datauri ve açıklamaları değiştirdiğinizden emin olun . Enter işlevi yürütülür ve vites uygulaması kısayol penceresini görmeniz gerekir.

window.google.gears.factory.create('beta.desktop').createShortcut(
   document.title, window.location.href, {'128x128': '**dataUri**'}
   ,'**description**');

Diğer seçenek, bu basit ekstra meta ve link etiketlerini sitelerine eklemek için sitenin web geliştiricisine hitap etmektir .

Ayrıca gerçekten fantezi almak istiyorsanız, yukarıda Ivo'nun cevabında belirtilen her bir simge boyutunda birden fazla dataUri oluşturabilirsiniz.