天天看点

iOS开发实用技巧—在手机浏览器头部弹出app应用下载提示

ios开发实用技巧—在手机浏览器头部弹出app应用下载提示

本文介绍其简单使用:

第一步:在本地建立一个访问的服务端。

打开本地终端,在本地新建一个文件夹,在该文件夹中存放测试的html页面。

iOS开发实用技巧—在手机浏览器头部弹出app应用下载提示

在终端输入一行代码:python -m simplehttpserver

iOS开发实用技巧—在手机浏览器头部弹出app应用下载提示

---

第二步:配置环境

  打开safari,偏好设置->勾选 "在菜单栏中显示开发菜单",如下图所示。

iOS开发实用技巧—在手机浏览器头部弹出app应用下载提示
iOS开发实用技巧—在手机浏览器头部弹出app应用下载提示

第三步:编写html文件

在测试文件appdown.html中编写的测试代码如下:

`说明`444934666为对应的app的id。这里以qq为例。

1

2

3

4

5

6

<code>&lt;!</code><code>doctype</code> <code>html&gt;</code>

<code>&lt;</code><code>html</code><code>&gt;&lt;</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>meta</code> <code>name="apple-itunes-app" content="app-id=980497809"&gt;&lt;/</code><code>head</code><code>&gt;&lt;</code><code>body</code><code>&gt;</code>

<code>hello</code>

<code>&lt;</code><code>br</code><code>/&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

第四步:调试和效果

在safari菜单栏-&gt;开发-&gt;相应的设备即可查看显示效果并进行调试。(`打开web检查器`)

iOS开发实用技巧—在手机浏览器头部弹出app应用下载提示

显示效果如下:

iOS开发实用技巧—在手机浏览器头部弹出app应用下载提示