app 内外链跳转新姿势：app 外链返回箭头圆满解决116

在使用 app 时，我们经常会遇到需要跳转到外部链接的情况，例如打开浏览器、其他应用或网站。但当我们通过 app 内打开外链后，再返回 app 时，往往会发现找不到返回箭头的踪影，导致操作十分不便。

为解决这一问题，各大 app 纷纷推出了自己的解决方案，例如苹果的 Universal Links、安卓的 App Links。这些技术通过在 app 内注册相应的 scheme 和 host，实现无缝跳转和返回。但由于兼容性等问题，这些解决方案并不总是适用。

最近，一种新的解决方案悄然兴起，那就是 app 外链返回箭头。这种方法无需修改 app 代码，也不依赖于特定的技术，适用于绝大多数 app。其原理是利用 HTML5 的 history API，通过 JavaScript 控制浏览器的返回历史。

如何使用 app 外链返回箭头

使用 app 外链返回箭头非常简单，只需按照以下步骤操作：1. 新建一个 HTML 文件。在 HTML 文件中，添加以下代码：
```html




返回箭头

= function() {
var backLink = ('a');
= 'your-app-scheme://';
= 'none';
(backLink);
('', '', );
('', '', );
(null, null, );
();
};





```
2. 将 HTML 文件上传到你的服务器。
3. 在 app 内配置外链跳转。在 app 中，配置外链跳转为指向你上传的 HTML 文件。

工作原理

app 外链返回箭头的原理是：通过 JavaScript 历史记录 API，在每次打开外链时，都向浏览器的历史记录中添加一个新条目。同时，在 HTML 文件中创建一个隐藏的返回链接，该链接指向 app 的 scheme。当用户点击返回按钮时，浏览器会使用历史记录中最近添加的条目，而不是返回到上一个页面。这样，用户就可以在访问外链后顺利返回到 app。

需要注意的事项

使用 app 外链返回箭头时，需要注意以下几点：* 必须使用 HTTPS 协议。由于安全限制，只有在使用 HTTPS 协议的情况下，JavaScript 才能访问浏览器历史记录 API。
* 确保 app scheme 正确配置。在 app 内配置的外链跳转 scheme 必须与 HTML 文件中指定的 scheme 一致。
* 部分浏览器可能不支持。IE浏览器不支持 history API，因此在使用 app 外链返回箭头时，IE 浏览器无法实现返回功能。

app 外链返回箭头提供了一种简单有效的方法，解决 app 内跳转外链后无法返回的问题。无需修改 app 代码，兼容性较好，适用于绝大多数 app。不过，在使用过程中需要注意使用 HTTPS 协议、正确配置 app scheme，以及部分浏览器可能不支持的情况。

2025-01-05

上一篇：[视频外链示例] 一分钟了解中文汉字的演变

下一篇：外链发布的准则