ios - 什么时候可以在 iOS8 Safari 上使用扫描信用卡选项？

Question

因此 Safari 在 iOS8 上提供了一些信用卡表格的扫描信用卡功能。

我的问题是，Safari 如何确定何时提供此选项？

到目前为止，我发现这个选项在 Amazon 和 PayPal 上可用，但我的信用卡输入表单都无法重现此行为。

Answer 1

在对 iOS8 浏览器和 Chrome 仿真进行了一些研究之后，我部分地弄明白了。我知道一些解决方案，但我不确定是否还有其他方法可以做到。您将不得不感谢 Apple 如此惊人地缺乏相关文档。

目前 Netflix/Amazon 的信用卡扫描功能正常。因此，我在我的 Chrome 浏览器中模拟了一个 iOS8 用户代理，并检查了他们信用卡号码字段的标记。这是 Netflix 的:

<input name="cardNumber" smopname="num" id="cardNumber-CC" class="cardNumber" type="text" value="************0891" pattern="[0-9]*">

这是亚马逊的:

<input name="addCreditCardNumber" size="20" maxlength="20">

那时我尝试了一个由我控制的通过 HTTPS 提供的表单，并开始设置属性以查看会发生什么。下面，“works”表示“成功触发卡扫描”，“doesn't work”表示“没有触发卡扫描”:

• name="addCreditCardNumber" => 有效
• name="cardNumber" => 有效
• name="cardnumber" => 有效
• class="cardNumber" => 不起作用
• type="cardNumber" => 不起作用
• id="cardNumber", id="creditCardNumber", id="creditCardMonth", id="creditCardYear" => 有效

由于 name 属性驱动表单数据并可能影响服务器端表单处理的工作方式我强烈建议通过将输入 id 设置为 来触发信用卡扫描>卡号。

我会链接到相关文档...但是嘿! 没有(至少，据我所知没有)