Question

我有以下html：

<div class="awpcp-subtitle">Contact Information
</div>
<a href="$codecontact">Contact  $adcontact_name</a>
<a href="tel:$adcontactphone">
  <div class="phone">$adcontactphone
  </div>
</a>
<div class="location">
  <Location: </label> London, UK</div>

这将使按钮链接到手机的拨号屏幕，并在屏幕上显示数字。

它在Android上的Chrome / Firefox上运行良好，但是只要我在Safari上的Apple手机上尝试一下，它就会询问是否要拨打此电话，而不仅仅是链接到显示数字的拨号屏幕：< / p>

<br><label>,hone<label>07945xxxx

当我按是时，它说无法拨号：

<br><label>,hone<label>07945xxxx

出于明显的原因，它无法拨打代码。

这一定是Safari iPhone / Mac问题，“ hone”到底是什么意思？

因此，我在header.php中的标记后尝试了该html，以使我的站点浏览器兼容。

<script 
src="css_browser_selector.js" 
type="text/javascript"></script>

这不适用于电话问题（还有其他问题，但让我们暂时坚持下去。）

那么我如何使用Safari浏览器获取苹果iPhone，以执行与Firefox，Chrome，Android等相同的简单任务。

也许有一种隐藏的方法

<br><label.....

赞：

.div class ["<BR><label..."] 
{display: none}

？它的行为就像已发布的文本，因此应这样对待吗？

我遇到了这个问题，但是不知道该怎么做，或者它是否是正确的代码？我在使用Google地图时遇到了同样的问题

"<"followedby"!"<br/><label>Phone: 
</label>""followedby">"
"<"followedby"!"<br/>. 
<label>Location: 
</label>""followedby">"

但是

 $adcontactphone

代表通用电话以及特定的电话号码-包括标签

Answer 1

基于注释中提供的link，我可以推断出$adcontactphone被分配了以下值： <br/><label>Phone:</label> 7576XXXXXX

您可以看到该字符串包含有效的html标记，但是随后您在$adcontactphone属性内使用了href：

<a href="tel:$adcontactphone">
    ...
</a>

对变量进行插值后，将产生以下html：

<a href="tel:<br/><label>Phone:</label> 7576XXXXXX">
    ...
</a>

许多浏览器不会将其视为href的可用值。某些浏览器可以过滤掉属性内的标签，而其他浏览器则不能。这不是浏览器兼容性问题，因为每个浏览器都可以自由处理自己的无效属性。

如果您将$adcontactphone固定为仅包含电话号码，则会发现该链接将在大多数浏览器中开始起作用。您想要的结果是：

<a href="tel:7576XXXXXX">
    ...
</a>

还有其他无效的html问题，应予以解决，以确保页面的此部分在所有浏览器中都是一致的。例如：

<div class="location">
    <Location: </label> London, UK</div>

您这里有一个不匹配的<，而且Location也不是受支持的html标记，因此某些浏览器可能不喜欢这样。

也许看起来应该是这样的？

<div class="location">
    <label>Location:</label> London, UK
</div>

浏览器对按钮的兼容性

1 个答案: