2011-10-10 36 views
9

Tôi đang thiết kế trang dành cho thiết bị di động và đang sử dụng mã (chuẩn, tôi tin) sau để làm cho điện thoại quay số điện thoại.href = tel: 555 liên kết không hoạt động trong safari di động

<a href="tel:555-1234567" class="call"><img src="graphics/call-icon.gif" alt="call-icon" width="45" height="50"></a> 

này hoạt động tốt trong android nhưng Mobile Safari tôi nhận được lỗi sau:

Cannot Open Page
Safari cannot open the page because the address is invalid

+0

Did bạn cố gắng để loại bỏ các dấu gạch ngang từ số điện thoại? I E. chỉ giữ các chữ số. – ulidtko

+0

Đúng, vẫn không có may mắn – Iolo

+0

Tôi đang thử nghiệm trên trình mô phỏng iOS nếu nó có thể có liên quan. – Iolo

Trả lời

12

Đánh dấu của bạn là tốt và hoạt động trên iPhone (3GS, chạy 4.3.5). Nó không hoạt động trên trình mô phỏng iOS (vâng, có lỗi "Không thể mở trang - Safari không thể mở trang vì địa chỉ không hợp lệ"), nhưng sau đó tôi không mong đợi nó, do bạn không thể thực hiện cuộc gọi trên đó (hoặc là phiên bản iOS cũ hơn có lỗi).

+0

Điều này vẫn đang diễn ra vào năm 2018… – nils

6

Trong <head> đặt của bạn:

<meta name="format-detection" content="telephone=yes"> 

Từ Safari HTML Reference:

This Enables or disables automatic detection of possible phone numbers in a webpage in Safari on iOS. Syntax Discussion By default, Safari on iOS detects any string formatted like a phone number and makes it a link that calls the number. Specifying telephone=no disables this feature. Availability Available in iOS 1.0 and later. Support Level Apple extension.

+0

Tôi chỉ nghĩ rằng tôi muốn thêm, sau khi Safari thực hiện thủ thuật này, số điện thoại "1 -555-555-5555 "biến thành" 1-555-555-5555 ' –

5

để số điện thoại hoạt động trong Safari/iOS, bạn cần phải định dạng điện thoại đúng cách như được liệt kê trong quảng cáo cũ.

<a href="tel:1-555-123-4567" class="call"> 
----- OR ----- 
<a href="tel:15551234567" class="call"> 
+2

Điều đó có lẽ sẽ hoạt động tốt hơn sau đó câu trả lời của tôi). – chown

+0

Không, vẫn gặp lỗi tương tự. Tôi cũng đã thêm thẻ meta từ câu trả lời của bạn mà không có kết quả. Tôi cũng đã thử các liên kết thiết lập để tel: 171 đó là số thư thoại tiêu chuẩn ở Ireland. – Iolo

0

Nếu bạn vẫn gặp sự cố với số điện thoại của mình không hiển thị trên safari tôi gặp vấn đề tương tự, tôi đã chọn nếu bạn không sử dụng phông chữ thân thiện với web, nó sẽ không hiển thị thử và thay đổi phông chữ của bạn số tới Verdana hoặc Arial. Tôi đã sử dụng phông chữ web của google nên thân thiện với web nhưng ngay cả khi tôi đã phá vỡ số của tôi.

Hy vọng công trình này hoạt động.

Gimme một cuộc bỏ phiếu lên nếu nó xin vui lòng;)

B

Các vấn đề liên quan