İzleme öğesinin odağı
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Bir sayfanın klavyeyle gezinme erişilebilirliğini test ettiğinizi varsayalım. Sekme tuşuyla sayfada gezinirken bazen odağı olan öğe gizlendiğinden odak halkası kaybolur. Odaklanılan öğeyi Geliştirici Araçları'nda izlemek için:
- Konsolu açın.
Canlı İfade Oluştur'u tıklayın
.
![Canlı İfade Oluşturma.](https://developer.chrome.com/static/docs/devtools/accessibility/focus/image/creating-live-expression-718a18e25e5d3.png?authuser=19&hl=tr)
Daha fazla bilgi için Canlı İfadeler ile JavaScript değerlerini gerçek zamanlı olarak izleme başlıklı makaleye bakın.
document.activeElement
yazın.
Kaydetmek için Canlı İfade kullanıcı arayüzünün dışını tıklayın.
document.activeElement
altında gördüğünüz değer, ifadenin sonucudur. Bu ifade her zaman odaklanılan öğeyi temsil ettiğinden artık hangi öğeye odaklanıldığını her zaman takip edebilirsiniz.
- Görüntü alanında odaklanılan öğeyi vurgulamak için fareyle sonucun üzerine gelin.
- Sonucu sağ tıklayın ve Öğeler panelinde DOM Ağacı'ndaki öğeyi göstermek için Öğeler panelinde göster'i seçin.
- Sonucu sağ tıklayın ve Konsol'da kullanabileceğiniz düğüme bir değişken referansı oluşturmak için Genel değişken olarak depola'yı seçin.
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: 2018-12-14 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üncelleme tarihi: 2018-12-14 UTC.",
"confidential": False
}