使用 html 重定向打开 WhatsApp
Posted
技术标签:
【中文标题】使用 html 重定向打开 WhatsApp【英文标题】：Opening WhatsApp with html redirect 【发布时间】：2020-07-16 07:03:49 【问题描述】：我想用 html redirect 自动打开 WhatsApp。使用 api.whatsapp 它会打开一个页面，用户必须单击“发送”或“消息”，我的想法是使用“whatsapp://send”之类的内容跳过此步骤。 有可能吗？怎么样？
此代码将打开whatsapp：
<a href="whatsapp://send?phone=0000000000&text=example">**App**</a></p>
但用户需要点击“App”按钮，我希望它通过链接自动重定向（例如 mydomain.com/redirectwpp）
<meta http-equiv='refresh' content='0; URL=https://api.whatsapp.com/send?phone=XXXXXXXXX'>
这是我在页面上使用的代码，它会自动重定向，但不会直接发送到 WhatsApp。
【问题讨论】：
【参考方案1】：这根本不可能，如果浏览器和操作系统跳过中间步骤，对用户来说是不安全的，除非用户执行一次并授予浏览器和操作系统始终执行相同操作的权限。而且这与HTML或JS或网页中的任何内容无关，出于安全原因，中间步骤必须存在。
【讨论】：
【参考方案2】：您可以将重定向脚本放在网页的头部，这样一旦用户进入您的域，它将重定向到 WhatsApp
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Whatsapp Redirect</title>
<script>
window.location.replace("whatsapp://send/?phone=0000000&text=example" );
</script>
</head>
<body>
</body>
</html>
一旦用户进入您的域，这会将用户重定向到 WhatsApp
注意：用户需要接受浏览器权限提示才能成功重定向
【讨论】：
以上是关于使用 html 重定向打开 WhatsApp的主要内容，如果未能解决你的问题，请参考以下文章
在 Bootstrap 中，如何使用模态重定向到一个部分（而不重定向到打开模态的位置）