部署在Github Pages的HTML按钮跳转wa.me链接失效如何解决?
问题排查结果与修复方案
问题根因
- 跳转URL存在格式错误:
https:wa.me/085155448143中协议标识符https:后缺少必须的双斜杠//,不符合标准URL规范。 - 本地运行时部分浏览器会自动补全该格式缺陷,因此跳转正常;部署到Github Pages后,浏览器会将该格式错误的路径识别为当前站点的相对路径,最终跳转至不存在的站点路径,触发404错误。
修复方法
补充跳转URL的双斜杠即可,修正后的代码如下:
<button class="btn btn-outline" type="button" onclick="window.open('https://wa.me/085155448143?text=Halo%20saya%20ingin%20mengetahui%20info%20lebih%20lanjut%20tentang%20kursus%20di%20Auto%20Mitsuda', '_blank')">Chat Kami</button>
内容的提问来源于stack exchange,提问作者foreverLearnerDevs
相关产品推荐
相关产品推荐

