判断是否安装app?meta添加apple-itunes-app

最新推荐文章于 2020-10-16 12:44:36 发布

原创最新推荐文章于 2020-10-16 12:44:36 发布 · 741 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #html #js

本文介绍了一种在网页上判断iOS App是否已安装的方法，通过在meta标签中添加特定参数，实现未安装跳转App Store，已安装则直接打开App的功能。

1.需求

因为公司要做app引流，故需要在网页执行打开app相应页面，如果没下载则跳转到下载页面，然后大佬看到本文章最下面的效果图说人家实现了判断app是否安装，我们也要。行，这就开干。搜索了很久，最终找到了实现这种效果的方法，代码居然不超过一行，头发短见识少啊!!!

2.问题

网页是无法判断app是否安装

3.所以怎么解决呢？？？

网上大多的解决办法都是写个定时器，先是执行打开app的协议，再来个定时器，定时打开下载页面，所以这是个普遍的解决办法，在这里就不贴这种实现代码了

4.重点来了(此方式仅支持ios)

写法：

在meta中添加appid，如果没下载app，点击则会跳转到app store。如果下载了则会打开app

<meta name="apple-itunes-app" content="app-id=myAppStoreID,affiliate-data=myAffiliateData,app-argument=myURL">

参数说明：

app-id：(必填) 唯一标识符，从iTunes Link Maker中找到您的应用程序ID

affiliate-data：（可选）您的iTunes会员字符串（如果您是iTunes会员）

app-argument：（可选）一个URL，用于为本机应用程序提供上下文。如果您包括此内容，并且用户安装了您的应用程序，则他们可以从您的网站跳转到iOS应用程序中的相应位置

官方链接

来自苹果开发者社区的文档参考

效果如图

在这里插入代码片

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

fwf1024

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

手机下载APP （uniapp/vue）

shelter123456的博客

07-10

819

移动端下载APP

参与评论您还未登录，请先登录后发表或查看评论

利用js判断手机是否安装某个app的多种方案

10-20

主要介绍了利用js检测手机是否安装某个app的多种方案，当判断后如果安装了直接打开，如果有没有安装将自动跳转到下载的界面，有需要的朋友可以参考借鉴，下面来一起看看吧。

meta的Name为apple-itunes-app 是什么意思

DA6328的博客

07-25

272

例如：<meta name="apple-itunes-app" content="app-id=432274380" />解答：这个标签是告诉iphone的safari浏览器，这个网站对应的app是什么，然后在页面上面显示一个下载banner 转载于:https://www.cnblogs.com/Mwsoft/p/3867526.html...

apple-itunes-app Meta标签

culuo8053的博客

07-26

360

Whenever you visit the website of a vendor that provides an iOS app, you're either hit by an alert or ugly popup saying "Download our iPhone App!" It's great that they want to pitch their iOS app...

meta里面设置apple-itunes-app

Focus-Fe

05-24

667

其实在很多网站有如下代码： <meta name="apple-itunes-app" content="app-id=11111" /> 可以告诉浏览器，这个对应的app是，出现一个下载的banner Smart App Banners only show on iOS, not OS X http://...

关于html代码中name为apple-itunes-app的meta标签

每天进步一点点

01-29

4378

有些网站看它html网页源码会有类似下面的一段代码在head中：一开始我也百思不得其解，查了下才知道原文：http://segmentfault.com/q/1010000000171226 这个标签是告诉iphone的safari浏览器，这个网站对应的app是什么，然后在页面上面显示一个下载banner 参考：http://developer.apple.com/li

itunes ios_使用iTunes App Meta Tag推广您的iOS应用

cune1359的博客

07-01

194

苹果引入了一个称为iTunes App Meta Tag的元标记，它使在网站上推广站点应用程序变得容易。启用iTunes Meta App标记后，当用户通过其iPhone访问该网站时，它将在您的网页顶部显示以下横幅。在iPad上，显示横幅以及该应用程序的一些屏幕截图。当用户点击此横幅时，他们将被重定向到App Store 。添加iTunes Meta标签 iT...

meta标签中设置apple-itunes-app的意义

weixin_30740581的博客

10-19

154

告诉iphone的safari浏览器：这个网站对应的是哪个app <meta name="apple-itunes-app" content="app-id=589796322" /> 参考： https://segmentfault.com/q/1010000000171226 https://developer.apple.com/library/content/doc...

JS实现点击网页判断是否安装app并打开否则跳转app store

10-21

对于通过链接点击进入App Store的情况，JavaScript可以通过检测特定的应用打开协议来判断应用是否安装，并相应地执行打开应用或跳转到App Store的操作。比如，贴吧App的打开协议是`com.baidu.tieba://`，微信的则是`...

iOS中使用schema协议调用APP和使用iframe打开APP的例子

09-04

在iOS开发中，为了实现从Web页面调用和打开应用程序，有两种主要方法：schema协议和Smart App Banner。本文将重点介绍使用schema协议和iframe来打开iOS应用。首先，schema协议是一种自定义URL协议，允许开发者定义...

在html代码中name为apple-itunes-app的meta标签定义有什么意义

weixin_41756610的博客

05-17

1654

这个标签是告诉iphone的safari浏览器，这个网站对应的app是什么，然后在页面上面显示一个banner图片。

argument的使用

leechoy

05-21

970

<!DOCTYPE html> <html lang="en"> <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"> <title>Do

如何在 ios 的浏览器或者微信唤起 app-store，如何检测是否有安装该app

qq_22385935的博客

09-09

696

在html头加上此，ios浏览器访问会检测该app是否有安装 <meta name='apple-itunes-app' content='app-id= 你的 appid'> id1456334 代表’id’ + appid，这里的是测试的数据，非真实数据，在html中加上这个链接 https://itunes.apple.com/cn/app/id1456334 可以...

百度适配代码【移动搜索】如何让百度正确识别跳转适配关系

wangxingps的博客

10-16

967

一、百度识别跳转适配关系的几种方式　　目前让百度发现跳转适配关系的方式主要有三种：平台提交；META标记；自主适配。 1，百度站长平台工具提交对应关系（推荐指数：❤❤❤❤❤ 　难度指数：❤❤❤ 　生效周期：18天）　　只需登录百度站长平台进入“移动专区”选择“移动适配”即可找到提交入口，目前平台支持“url对应关系”和“pattern对应关系”两种形式，管理员可以通过制作xml文件向百度提供PC与移动页的对应关系。由于大家觉得“URL对应关系”这种提交方式更为直观，很多站点在提交时都采用了这种方式，但其

meta的标签信息（二）

ALIX的博客

03-13

528

<meta charset="UTF-8"> //声明字符的编码**防止出现乱码 <meta http-equiv="x-UA-Compatible" content="IE=edge"> //避免IE使用兼容模式(必须放在前面否则无效) <meta name="viewport" content="width=device-width, initial-sca...

iOS6之Smart App Banners推送APP新功能

freshlover的专栏

08-05

5108

iOS6新标签apple-itunes-app提供了一个叫 Smart App Banners的功能，当你在iOS移动平台访问一个网站时，会提示你去App Store下载这个网站的官方App。 Smart App Banners自动识别用户设备是否支持该应用APP，如果设备不兼容，则下载广告条不会显示。语法格式为：其中ID为必选。 App ID (required), A

通过web连接页面打开app在 appstore中的详情

ko800008ok的专栏

01-19

3909

对于ios的应用常会用到通过web打开app，或者再web页面打开app在appstore的的下载页面。 1.如何实现ios浏览器请求网页提示相应的app是否安装如下图使用ios6之后支持的 smart app banner即可实现具体实现方法 html标签内假如例如的meta标签其中content值为app-id-xxxx （xxxx为app在appstrore中的appid

点击页面判断是否安装app并打开，否则跳转app store的方法

最新发布

10-22

# 题目重述你尝试通过访问虎扑历史栏目的 API 接口（`https://bbs.hupu.com/bxhistory-post?json&...`）获取 JSON 数据，但返回的是 HTML 页面内容，提示： ``` ❌ 返回内容非JSON格式，可能是反爬页面 ``` 且预览显示为标准网页结构（包含 `<title>-虎扑社区</title>`），说明 **请求已被反爬机制拦截**，服务器未返回真实数据。目标是：绕过反爬策略，成功获取有效数据并写入数据库。 --- # 详解 ## 🔍 问题本质你发送的请求被虎扑识别为“异常访问”，因此： - 不返回 JSON 数据； - 而是跳转到一个空白或伪装的 HTML 页面； - 原因是缺少关键请求头、IP 被封、User-Agent 不够真实等。尽管你设置了 `User-Agent` 和 `Referer`，但仍可能被检测为自动化行为。 --- ### ✅ 解决方案一：增强请求伪装（提升成功率）修改请求头，模拟更真实的移动端浏览器行为： ```python import requests url = "https://bbs.hupu.com/bxhistory-post?json&orderType=1&page=1" # 更强的请求头组合 headers = { "User-Agent": "Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148", "Referer": "https://m.hupu.com/", "Origin": "https://m.hupu.com", "Accept": "application/json, text/plain, */*", "Accept-Language": "zh-CN,zh;q=0.9,en;q=0.8", "Accept-Encoding": "gzip, deflate, br", "Connection": "keep-alive", "X-Requested-With": "XMLHttpRequest", # 关键：标识为 AJAX 请求 } response = requests.get(url, headers=headers) print("状态码:", response.status_code) print("响应类型:", response.headers.get('Content-Type')) print("前500字符:\n", response.text[:500]) ``` > 💡 `X-Requested-With: XMLHttpRequest` 是关键！很多网站用它判断是否为前端异步请求。 --- ### ✅ 解决方案二：使用会话保持（Session）+ Cookie 复用有些接口需要先访问主页才能获得合法 Cookie 权限。 ```python import requests session = requests.Session() # Step 1: 先访问移动端主页，获取 Cookie home_url = "https://m.hupu.com/bbs/history" session.get(home_url, headers={ "User-Agent": "Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X)" }) # Step 2: 带着 Cookie 访问 API api_url = "https://bbs.hupu.com/bxhistory-post?json&orderType=1&page=1" response = session.get(api_url, headers={ "User-Agent": "Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X)", "X-Requested-With": "XMLHttpRequest", "Referer": "https://m.hupu.com/bbs/history" }) print("状态码:", response.status_code) print("内容类型:", response.headers.get('Content-Type')) if response.ok: try: data = response.json() print("✅ 成功解析 JSON！示例数据：") print(data['data']['list'][0]) # 打印第一条 except: print("❌ 仍是 HTML 内容：\n", response.text[:500]) else: print("HTTP错误:", response.status_code) ``` --- ### ✅ 解决方案三：手动提取 Cookie 直接复用（最可靠）如果上述方法仍失败，可使用浏览器开发者工具 **手动复制真实请求的 Cookie**。 #### 操作步骤： 1. 打开 [https://m.hupu.com/bbs/history](https://m.hupu.com/bbs/history) 2. 打开「开发者工具」→ Network → 刷新页面 3. 找到名为 `bxhistory-post?json...` 的请求 4. 复制其 Request Headers 中的： - `Cookie` - `User-Agent` - `X-Requested-With` #### 代码中直接使用： ```python headers = { "User-Agent": "你的浏览器UA", "X-Requested-With": "XMLHttpRequest", "Referer": "https://m.hupu.com/bbs/history", "Cookie": "spo=wWqKtZvTcFJLzgGfCkNjQw==; _hip2=9a2s1d; Hm_lvt_=...; Hm_lpvt_=..." # 替换为你自己的 } response = requests.get("https://bbs.hupu.com/bxhistory-post?json&orderType=1&page=1", headers=headers) if response.status_code == 200 and response.text.startswith('{'): data = response.json() print("🎉 成功获取数据！共", len(data['data']['list']), "条") else: print("仍然失败，请检查 Cookie 是否过期") ``` > ⚠️ Cookie 通常有效期为几小时，需定期更新。 --- ### ✅ 最终数据入库代码（确保写入） ```python import pymysql # 自动建库建表 conn_temp = pymysql.connect(host='localhost', user='root', password='123456', charset='utf8mb4') cur_temp = conn_temp.cursor() cur_temp.execute("CREATE DATABASE IF NOT EXISTS test CHARACTER SET utf8mb4;") cur_temp.close() conn_temp.close() conn = pymysql.connect(host='localhost', user='root', password='123456', database='test', charset='utf8mb4') cursor = conn.cursor() cursor.execute(""" CREATE TABLE IF NOT EXISTS htmltext ( id INT AUTO_INCREMENT PRIMARY KEY, 标题 TEXT, 链接 TEXT ) DEFAULT CHARSET=utf8mb4; """) # 插入数据 posts = data['data']['list'] insert_data = [(p['title'], f"https://bbs.hupu.com/t/{p['tid']}") for p in posts] cursor.execute("DELETE FROM htmltext;") cursor.executemany("INSERT INTO htmltext (标题, 链接) VALUES (%s, %s)", insert_data) conn.commit() cursor.execute("SELECT COUNT(*) FROM htmltext;") print(f"💾 已存入 {cursor.fetchone()[0]} 条记录") cursor.close() conn.close() ``` --- # 知识点 - **HTML选择器精准匹配**：必须依据实际网页DOM结构编写选择器，错误选择器将导致数据提取为空。 - **动态内容爬取限制**：`requests`仅获取静态HTML，对JavaScript生成内容无效，需用`selenium`模拟浏览器行为。 - **反爬与请求伪装**：通过设置`User-Agent`等请求头可绕过基础访问控制，提升爬取成功率。