İPad'de nasıl gezinebilirim?


13

İPad'de Safari'de görüntülerken bir web sayfasındaki içeriğin üzerine gelmenin bir yolu var mı? Özellikle, Farklı iPad Askerleri Yardımı ana sayfasındaki münferit avatarların üzerinde durmaya çalışıyordum . Bir Mac veya PC'de, bireyin gezinme konusundaki seviyesini ne zaman tamamladığını gösterir, ancak iPad'de bunu göremedim.

Yanıtlar:


10

Eğer burada sadece usta yoda'nın bir hesabı varsa, "detaylara dokun ya da dokunma, sadece jedi gezinebilir" diyebilir, çünkü uygulama detayları hızlı bir şekilde web teknolojisinin insan etkileşimi tasarımında buluştuğu yere girer.

görüntü tanımını buraya girin

Bu tavşan deliğini biraz aşağıya indirdiğinde, iyi web geliştiricilerinin bir Touchend / touchcancel / touchmove etkileşiminden bir touchstart çoklu dokunma olayını ayırt edebilen Safari'deki TouchEvent sınıfı hakkında bildiklerini ve belki de fikre dayalı ek geri bildirim sağlamak için kullanılabileceğini de işaret edebilir. bir hedefe dokunmanın web sayfasının içeriği üzerinde görünür bir etkisi olacağı.

O var genellikle kötü tasarım için dokunmatik fare merkezli modeli ayna bekliyoruz , ama bu özel sitenin tasarımı yanlış olduğu anlamına gelmez. Dokunma için tasarım yapmanın basitleştirilmiş mouseover olaylara bağlı olmanın basit bir yolu olduğunu varsaymadan önce düşünün.


3
Asıl satır "Yap ya da yapma. Deneme yok", bu yüzden sizin "Dokun ya da dokunma. Vurgun yok" olmalı.
lütfen beni silin

); Luke bataklığa onun çöktü x-kanat ne yaptığını çünkü Ama, orada
Stuffe

1
Yoda için konuşmaya ilk girişim başarısızlıkla doluydu - düzenleme geçmişine bakın ... Belki de herkesi ondan uzaklaştırmak için bir yoda resmine ihtiyacım var ...
bmike

İkinci paragrafınızda, touchstartetkinliğin gezdirmeye alternatif olarak kullanılabileceğini mi kastediyorsunuz ? Bunun JavaScript'te yapılması gerekecek mi? Teşekkürler!
Hippo

Bu cevabı anlamıyorum. Ayrıca, soru iPad'de Safari'nin nasıl kullanılacağı ile ilgili ve cevap web sayfası tasarımında size tavsiyelerde bulunuyor.
Kai Carver

6

Özellikle bağlantısı olan bir resme (çok) kısa süreli dokunmak a:hoverbu a:hoverdeneyimi etkinleştirir . Uzun bir dokunuş <a>bağlantıyı takip eder . Ne yazık ki, bu davranış, <acronym>masaüstü tarayıcılarda benzer davranan etiketinde görülmez :hover. İşte iPhone'da test edilen mükemmel bir örnek.


4

Hayır, bunu dokunmatik cihazda yapmanın bir yolu yok. İPad'inizin parmağınızı ekranın üzerinde dolaştığını algılaması mümkün değil :) (Teknik olarak mükemmel olmasına rağmen ve teorik olarak gelecekteki bir iPad modeline eklenebilir.)

Http://thenewipadishere.com/ adresindekititle resim linklerinin nitelik değerlerini göstermek için JavaScript'i kullanabilirsiniz :

[].forEach.call(document.images, function(element) {
  var span = document.createElement('span');
  span.innerText = element.title;
  element.parentNode.insertBefore(span, element);
});

Yer imi formunda:

javascript:[].forEach.call(document.images,function(b){var a=document.createElement("span");a.innerText=b.title;b.parentNode.insertBefore(a,b)});

Bunu kopyalayıp yapıştırın ve istediğiniz iOS cihazınıza yer imi olarak ekleyin. Ardından, http://thenewipadishere.com/ adresini ziyaret edin ve yer imini seçin.


Bunun dışında bir yer imi oluşturamıyorum, çünkü yalnızca açık sayfaların yer imlerini oluşturabiliyorum gibi görünüyor. Ancak ikinci formu adres çubuğuna yapıştırmak işe yarar ve başlık özelliklerini görüntüler!
Hippo,

Bu betiğin yarışma sayfasına özel olmadığını tahmin ediyorum, değil mi?
Hippo,

1
@Hippo Herhangi bir sayfaya gidip yer imi olarak ekleyin. Ardından, geri dönün ve yer imini düzenleyin; URL’yi şimdi düzenleyebilirsiniz. Bu betiği yarışma sayfası için yazdım, ancak titleöznitelikleri olan görüntüleri kullanan herhangi bir sayfada çalışacaktı .
Mathias Bynens

Ah, şimdi görüyorum ... varsayılan yer imlerinin URL düzenleme seçeneği yoktu, bu yüzden kafam karıştı.
Hippo,

1

İPad için Puffin web tarayıcısını deneyin. İzleme paneli modundaki imleç üzerine gelebilir. Ayrıca, flash video izleyebilir ve yavaş, ama en azından mümkün.

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.