2009-10-22 36 views
333

È necessario creare una pagina Web per i dispositivi mobili. C'è solo una cosa che ancora non ho capito: come posso attivare una telefonata attraverso il clic di testo?Come attivare una chiamata quando si fa clic su un collegamento in una pagina Web sul telefono cellulare

C'è un URL speciale che potrei inserire come il tag mailto: per le email?

La soluzione specifica per dispositivo non è preferita.

So che l'iPhone riconosce automaticamente i numeri di telefono e crea un collegamento per questo, ma sarebbe bello se questo potesse essere fatto anche per le immagini ... e anche per la maggior parte dei dispositivi mobili.

risposta

624

maggior parte dei dispositivi moderni supportano il tel: schema. Quindi usa <a href="tel:555-555-5555">555-555-5555</a> e dovresti essere a posto.

Se si desidera utilizzare un'immagine, il tag <a> in grado di gestire il <img/> posto in esso, proprio come altre situazioni normali con: <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

+11

Come funziona questo downgrade per desktop? Ovviamente non vuoi che questo porti il ​​link ai desktop giusto? O devo annusare il browser e uccidere il tag di chiusura? – 3Dom

+7

@ 3Dom [Provalo.] (Http://jsfiddle.net/62Xwc/) Si avvia o richiede il tuo programma telefonico. –

+0

@CeesTimmerman, grazie amico. Ci ho provato qualche tempo fa. Questo sembra funzionare abbastanza bene ora. Solo intoppo è che cercando di copiare incolla il risultato del numero, facendo clic su di esso, che è una schifosa interfaccia utente, ma hey, la maggior parte delle persone non lo fa. Cibo per la mente. – 3Dom

38

Lo schema URL corretto è Tel: [numero] in modo da farebbe

<a href="tel:5551234567"><img src="callme.jpg" /></a> 
24

desidera aggiungere una risposta qui per ragioni di completezza.

<a href="tel:1234567">Call 123-4567</a> 

Funziona bene sulla maggior parte dei dispositivi. Tuttavia, sui desktop questo apparirà come un collegamento che non fa nulla quando si fa clic su di esso, quindi è consigliabile prendere in considerazione l'utilizzo di CSS per renderlo visibile in modo condizionale solo sui dispositivi mobili.

Inoltre, è necessario sapere che Skype (che è abbastanza popolare) utilizza una sintassi diversa per impostazione predefinita (ma può essere parametrizzata per utilizzare tel :).

<a href="callto:1234567">Call 123-4567</a> 

Tuttavia, credo che in tutti i browser mobili (che so per certo su Android) ora la sintassi tel dovrebbe offrire un pop-up di applicazioni disponibili che possono essere utilizzati per completare l'azione di chiamata.

+0

saprebbe su come aprire il dialogo di condivisione in Android, per un URL? – whizcreed

+0

@whizcreed mi dispiace fratello, non la mia area. –

+4

Il protocollo "tel" funziona con Skype o solo con il loro protocollo "callto"? –

13

cliccabile codice di collegamento smartphone:

Il seguente link può essere usato per fare un collegamento telefonico cliccabile. Puoi copiare il codice qui sotto e incollarlo nella tua pagina web, quindi modificare con il tuo numero di telefono. Questo codice potrebbe non funzionare su tutti i telefoni, ma funziona su iPhone, Droid/Android e Blackberry.

<a href="tel:1-847-555-5555">1-847-555-5555</a> 

link numero di telefono può essere utilizzato con i trattini, come mostrato sopra, o senza di loro, così come nel seguente esempio:

<a href="tel:18475555555">1-847-555-5555</a> 

E 'anche possibile utilizzare qualsiasi testo nel link a condizione che il numero di telefono è configurato con la "tel: 18.475.555,555 mila" come in questo esempio:

<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a> 

Qui di seguito è un collegamento ipertestuale telefono cliccabile è possibile controllare. Nella maggior parte dei browser non telefonici questo link ti darà un errore "La pagina web non può essere visualizzata" o non accadrà nulla.

NOTA: Il browser iPhone Safari rileva automaticamente un numero di telefono in una pagina e converte il testo in un collegamento di chiamata senza utilizzare alcun codice in questa pagina.

Codice smartphone Wtai link: Il codice di collegamento wtai o "Wireless Telephony Application Interface" è mostrato di seguito. Questo codice è considerato il protocollo di telefonia mobile corretto e funzionerà su smartphone come Droid, tuttavia, potrebbe non funzionare su Apple Safari su iPhone e il codice sopra è raccomandato.

<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a> 
Problemi correlati