Android Deep Link & iOS Universal Link & URL Scheme All In One
Android Deep Link & iOS Universal Link & URL Scheme All In One
URL Scheme
Android Deep Link
https://developer.android.com/training/app-links/deep-linking
iOS Universal Link
https://developer.apple.com/ios/universal-links/
Mobile Safari 调用本地APP，否则进入App Store下载
URLScheme
https://www.zhihu.com/question/36041089
https://www.jianshu.com/p/0ead88409212
具体查找应用的URL Schemes,需要找开发商索要，当然也不是所有软件的作者都有公布，
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="author" content="xgqfrms">
<meta name="generator" content="VS code">
<!-- <link rel="icon" type="image/x-icon" href="./favicon.ico" />
<link rel="icon" type="image/png" href="./favicon.png" /> -->
<title>URLScheme & Auto Open iOS App</title>
</head>
<body>
<section>
<h1>URLScheme & Auto Open iOS App</h1>
<a href="#" data-link="app">open App</a>
</section>
<!-- js -->
<script>
let log = console.log;
window.onhashchange = locationHashChanged;
function locationHashChanged(e) {
log(`location.hash`, location.hash);
log(`e.oldURL, e.newURL`, e.oldURL, e.newURL);
// if (location.hash === "#pageX" ) {
// pageX();
// }
}
const autoOpenApp = () => {
try {
log(`try open installed app!`);
window.location = "mqq:open";
} catch (err) {
log(`open app uninstalled!`, err);
// window.location = "mqq:open";
}
// window.location.addEventListener(`reload`, (e) => {
// log(`window.location reload`, e);
// });
setTimeout(() => {
let ua = navigator.userAgent.toLowerCase();
let env = ua.includes(`mobile`) ? true : false;
if (env) {
log(`app evn`, env);
window.location="itms-apps://itunes.apple.com/cn/app/qq-2011/id444934666?mt=8";
} else {
window.location="http://itunes.apple.com/cn/app/qq-2011/id444934666?mt=8";
log(`browser evn`, env);
}
}, 1000);
};
document.addEventListener(`DOMContentLoaded`, () => {
let alink = document.querySelector(`[data-link="app"]`);
if(alink) {
alink.addEventListener(`click`, (e) => {
e.preventDefault;
autoOpenApp();
});
}
})
</script>
</body>
</html>
hash change event
how to listen to window location change event
https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onhashchange
function locationHashChanged( e ) {
console.log( location.hash );
console.log( e.oldURL, e.newURL );
if ( location.hash === "#pageX" ) {
pageX();
}
}
window.onhashchange = locationHashChanged;
https://stackoverflow.com/questions/3522090/event-when-window-location-href-changes
https://stackoverflow.com/questions/26789364/onchange-event-on-window-location-href/26789474
MutationObserver
ar oldHref = document.location.href;
window.onload = function() {
var
bodyList = document.querySelector("body")
,observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (oldHref != document.location.href) {
oldHref = document.location.href;
/* Changed ! your code here */
}
});
});
var config = {
childList: true,
subtree: true
};
observer.observe(bodyList, config);
};
https://www.appsflyer.com/resources/everything-marketer-needs-to-know-deep-linking/universal-links/
https://wundermanthompsonmobile.com/2016/05/universallinks/
https://badootech.badoo.com/universal-links-for-android-and-ios-1ddb1e70cab0
refs
©xgqfrms 2012-2020
www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！
原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！
本文首发于博客园，作者：xgqfrms，原文链接：https://www.cnblogs.com/xgqfrms/p/11386252.html
未经授权禁止转载，违者必究！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· .NET10 - 预览版1新功能体验（一）
2016-08-20 如何解决 Angularjs 加载时 {{ text}} 的刷新闪烁 && 如何解决 Angular 初始化闪烁
2016-08-20 AngularJS 常见错误 && 解决方案
2016-08-20 CSS ? Layout Module : CSS 布局模型