2009-10-22 48 views
333

Tôi cần tạo trang web cho thiết bị di động. Chỉ có một điều tôi vẫn chưa tìm ra: làm thế nào tôi có thể kích hoạt một cuộc gọi điện thoại thông qua các nhấp chuột của văn bản?Cách kích hoạt cuộc gọi điện thoại khi nhấp vào liên kết trong trang web trên điện thoại di động

Có URL đặc biệt nào tôi có thể nhập như thẻ mailto: cho email không?

Giải pháp cụ thể của thiết bị không được ưu tiên.

Tôi biết iPhone tự động nhận dạng số điện thoại và tạo liên kết cho điều này, nhưng sẽ tuyệt vời nếu điều này có thể được thực hiện cho hình ảnh ... và cũng cho hầu hết các thiết bị di động.

Trả lời

624

Hầu hết các thiết bị hiện đại hỗ trợ điện thoại: đề án. Vì vậy, hãy sử dụng <a href="tel:555-555-5555">555-555-5555</a> và bạn nên làm tốt.

Nếu bạn muốn sử dụng nó cho một hình ảnh, thẻ <a> thể xử lý các <img/> đặt trong nó giống như tình huống bình thường khác với: <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

+11

Hạ cấp này cho máy tính để bàn như thế nào? Bạn rõ ràng không muốn điều này để mang liên kết đến máy tính để bàn phải không? Hay tôi phải trình duyệt đánh hơi và giết thẻ kèm theo? – 3Dom

+7

@ 3Dom [Dùng thử.] (Http://jsfiddle.net/62Xwc/) Nó khởi chạy hoặc yêu cầu chương trình điện thoại của bạn. –

+0

@CeesTimmerman, cảm ơn người đàn ông. Tôi đã thử nó một lúc. Điều này dường như làm việc khá tốt ngay bây giờ. Chỉ có vấn đề là cố gắng sao chép dán các kết quả số khi nhấp vào nó, đó là giao diện người dùng crappy, nhưng hey, hầu hết mọi người không làm điều đó tôi đoán. Thức ăn cho sự suy nghĩ. – 3Dom

38

Đề án URL đúng là số điện thoại: [số], do đó bạn sẽ làm gì

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

Bạn muốn thêm một câu trả lời ở đây vì lợi ích của sự hoàn chỉnh.

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

Chỉ hoạt động tốt trên hầu hết các thiết bị. Tuy nhiên, trên máy tính để bàn, điều này sẽ xuất hiện dưới dạng liên kết không thực hiện gì khi bạn nhấp vào liên kết, vì vậy, bạn nên cân nhắc sử dụng CSS để chỉ hiển thị điều kiện trên thiết bị di động.

Ngoài ra, bạn nên biết rằng Skype (khá phổ biến) sử dụng một cú pháp khác theo mặc định (nhưng có thể được parametered để sử dụng tel :).

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

Tuy nhiên, tôi nghĩ rằng trong các trình duyệt di động mới nhất (tôi biết chắc chắn trên Android) bây giờ cú pháp tel nên đưa ra một popup của ứng dụng có sẵn mà có thể được sử dụng để hoàn thành hành động gọi điện thoại.

+0

sẽ biết cách mở hộp thoại chia sẻ trong android, cho url? – whizcreed

+0

@whizcreed xin lỗi, không phải khu vực của tôi. –

+4

Giao thức "tel" có hoạt động với Skype hay chỉ giao thức "callto" của chúng? –

13

Clickable smartphone Copy đoạn code:

Các liên kết sau đây có thể được sử dụng để tạo một liên kết điện thoại nhấp được. Bạn có thể sao chép mã bên dưới và dán mã vào trang web của mình, sau đó chỉnh sửa bằng số điện thoại của bạn. Mã này có thể không hoạt động trên tất cả các điện thoại nhưng hoạt động với iPhone, Droid/Android và Blackberry.

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

liên kết số điện thoại có thể được sử dụng với dấu gạch ngang, như trình bày ở trên, hoặc nếu không có họ cũng như trong ví dụ sau:

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

Nó cũng có thể sử dụng bất kỳ văn bản trong liên kết miễn là số điện thoại được thiết lập bằng "tel: 18475555555" như trong ví dụ này:

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

Dưới đây là liên kết điện thoại có thể nhấp mà bạn có thể xem. Trong hầu hết các trình duyệt không phải điện thoại, liên kết này sẽ cung cấp cho bạn lỗi "Không thể hiển thị trang web" hoặc không có gì xảy ra.

LƯU Ý: Trình duyệt Safari iPhone sẽ tự động phát hiện số điện thoại trên trang và chuyển văn bản thành liên kết cuộc gọi mà không cần sử dụng bất kỳ mã nào trên trang này.

Mã liên kết điện thoại thông minh Wtai: Mã liên kết wtai hoặc "Giao diện ứng dụng điện thoại không dây" được hiển thị bên dưới. Mã này được coi là giao thức điện thoại di động chính xác và sẽ hoạt động trên các điện thoại thông minh như Droid, tuy nhiên, nó có thể không hoạt động đối với Apple Safari trên iPhone và mã trên được khuyến nghị.

<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a> 
Các vấn đề liên quan