点击电子邮件地址时阻止移动版 Chrome 打开新电子邮件

Question

我的网络应用程序显示了一个包含具有某些属性的项目的列表。每个列表项都是一行，其中包括一个电子邮件地址。单击该行时，它会展开并显示更多信息。

在桌面上一切正常，但在移动设备上，Chrome 会识别电子邮件地址，点击它会打开电子邮件应用程序以向该地址写一封电子邮件。我自己没有设置，所以这似乎是默认行为。

有没有办法防止这种情况发生？

显示电子邮件地址的代码：

<p class="text-ellipsis"><em>someone@example.com</em></p>

Answer 1

我喜欢注入“零宽度不间断空格”字符来欺骗有用的移动浏览器

<p class="text-ellipsis"><em>someone@example&#8203;.&#8203;com</em></p>

Answer 2

我最终将电子邮件地址放入标签中，然后将其设置为普通文本并通过 javascript 禁用默认操作。这样浏览器会认为一个动作已经连接，所以在点击时不会做任何事情。

由于我将数据库查询中的数据加载到 Django 模板中，因此无法在地址本身中添加字符。

Answer 3

使用chrome://settings/handlers 然后设置“不允许网站处理协议”对我有用。