https://liujiale.me/tags/%E5%BC%80%E5%8F%91%E7%BB%8F%E9%AA%8C/Recent content in 开发经验 on 乐的博客Hugo -- 0.152.2zh-CN2015-2026 CC BY-NC-ND 4.0Tue, 11 Feb 2025 23:00:32 +0800https://liujiale.me/posts/how-to-automatically-open-in-default-browser-when-navigating-from-h5-page-in-wechat-client/Thu, 24 Aug 2023 14:15:00 +0800https://liujiale.me/posts/how-to-automatically-open-in-default-browser-when-navigating-from-h5-page-in-wechat-client/<h2 id="tl-dr">TL:DR;</h2> <p>我们的一个业务流程需要通过微信来传播，用户收到分享卡片后点击后需要在系统浏览器中打开。这个过程会比较长。因此我们用一个 hack 技巧让 H5 页面自动跳出 Android 微信客户端。</p> <h2 id="问题">问题</h2> <p>试想你作为一名用户，在微信上收到一个链接后需要点击 4 次以上才能真正打开页面，会不会觉得非常烦躁。我们可以说这个操作步骤的成本比较高，对产品体验影响比较大。因此前端对于复杂操作是需要尽可能避免的。</p> <p>光看文字可能还不够直接，下面我们以一个微信 H5 支付场景举例，整个操作流程如下：</p>