Geçerli bir apple-touch-icon sağlamıyor
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
iOS Safari kullanıcıları Progresif Web Uygulamaları (PWA)
görünen simgeye Apple dokunmatik simgesi denir.
Uygulamanızın kullanması gereken simgeyi belirtmek için
Anahtar kelimelerinizin <head>
içindeki <link rel="apple-touch-icon" href="/example.png">
sayfasını ziyaret edin. Sayfanızda bu bağlantı etiketi yoksa iOS, dokümanın ekran görüntüsünü alarak bir simge oluşturur.
emin olun. Başka bir deyişle, iOS'a bir simge indirmesini söylemek daha gösterişli bir
en iyi uygulamaları paylaşacağız.
Lighthouse Apple dokunmatik simgesi denetimi nasıl başarısız olur?
Lighthouse
<link rel="apple-touch-icon" href="/example.png">
içermeyen sayfaları işaretler
etiketi <head>
içine bildirir:
Not: rel="apple-touch-icon-precomposed"
bağlantısı denetimden geçti, ancak
iOS 7'den itibaren geçerliliğini yitirmiştir. Bunun yerine rel="apple-touch-icon"
politikasını kullanın.
Lighthouse, simgenin gerçekten var olup olmadığını veya simgenin
doğru boyut.
Not: Lighthouse raporu kullanıcı arayüzünde tüm PWA (progresif web uygulamaları) uygunluk ölçütlerinin tümünü geçtiğinizde tam PWA rozeti verilir
tüm PWA alt kategorilerinde denetim (Hızlı ve güvenilir , Yüklenebilir ve PWA için optimize edilmiş )
Apple Touch simgesi nasıl eklenir?
Sayfanızın <head>
bölümüne <link rel="apple-touch-icon" href="/example.png">
ekleyin:
<!DOCTYPE html >
<html lang="en ">
<head >
…
<link rel = "apple - touch - icon " href = "/ example . png ">
…
</ head >
…
/example.png
kısmını, simgenize giden gerçek yolla değiştirin.
ziyaret edin.
İyi bir kullanıcı deneyimi sağlamak için aşağıdaki şartların karşılandığından emin olun:
Simge 180x180 piksel veya 192x192 pikseldir
Simge için belirtilen yol geçerli
Simgenin arka planı şeffaf değil
Kaynaklar
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları 'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2024-04-16 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"İhtiyacım olan bilgiler yok"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Çok karmaşık / çok fazla adım var"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Güncel değil"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Çeviri sorunu"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Örnek veya kod sorunu"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Diğer"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Anlaması kolay"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Sorunumu çözdü"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Diğer"
}]
{"lastModified": "Son g\u00fcncelleme tarihi: 2024-04-16 UTC."}
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2024-04-16 UTC."],[],[]]