【04】仿站技术之python技术，看完学会再也不用去购买收费工具了-给你们一个现成自适应pc移动端加移动端可用的APP下载落地页源码

原创

卓伊凡

修改于 2025-02-19 15:10:03

1200

代码可运行

文章被收录于专栏：其他相关技术其他相关技术

运行总次数：0

代码可运行

【04】仿站技术之python技术，看完学会再也不用去购买收费工具了-给你们一个现成自适应pc移动端加移动端可用的APP下载落地页源码-做好ios的plist下载-安卓苹果自动识别-微信识别-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载（简单）-ios苹果plist下载（稍微麻烦一丢丢）-优雅草卓伊凡

开发背景

继续第三篇的内容，第三篇卓伊凡就已经把卓伊凡的工具共享出来了，大家可以搜索卓伊凡网站仿站工具-zhuoivanwebtools-开源得到下载，后续会逐步更新一些功能，看要不要做点可视化界面吧，先说这篇，我把落地页给你们

实战开发

源代码情况

分享两款落地页，卓伊凡也是花钱买的，这两款，懒得写了，因为客户比较急，我已经审核过了，代码质量很好~

两款代码，我已经给你们弄好了打包好了

pc访问第一屏

第二屏

移动端访问效果

第二款，比较适合直播APP

index 代码质量，纯div+css 没有框架，html质量

看看代码，截取部分给你们看：

<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta content="always" name="referrer">
        <meta name="renderer" content="webkit">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" CONTENT="no-cache, must-revalidate">
        <meta http-equiv="expires" CONTENT="0">
        <meta name="description" content="" />
        <meta name="keywords" content="某某，陌生，交友，某某交友，单身，配对，相亲，恋爱，同城相亲，社交，奔现，爱聊，探探，同城交友，陌陌，语聊，视频1对1，爱情约会，约会，婚恋，婚恋交友，真爱，珍爱，视频，视频聊天，高颜值" />
        <link rel="shortcut icon" href="style/img/yfct.ico" type="image/x-icon">
        <title>某某交友</title>
        <link rel="stylesheet" href="style/css/index.css" />
    </head>

    <script>
        !(function (doc, win) {
            var docEle = doc.documentElement,
                evt =
                    "onorientationchange" in window
                        ? "orientationchange"
                        : "resize",
                fn = function () {
                    var width = docEle.clientWidth;
                    width &&
                        (docEle.style.fontSize = 14 * (width / 320) + "px");
                };

            win.addEventListener(evt, fn, false);
            doc.addEventListener("DOMContentLoaded", fn, false);
        })(document, window);
    </script>

    <body>
        <div id="web_page">
            <div class="top">
                <div class="top_content">
                    <div class="banner">
                        <div class="logo_content">
                            <img
                                src="style/img/index_logo.png"
                                alt=""
                                style="
                                    width: 48px;
                                    height: auto;
                                    border-radius: 10px;
                                "
                            />
                        </div>
                        <a
                            style="font-size: 16px"
                            href="https://www.php-asp.net/"
                            target="_blank"
                            >网页端</a
                        >
                    </div>
                    <div class="left">
                        <img
                            class="logo_title"
                            src="style/img/logo_title3.png"
                        />
                        <p class="mtb">
                            某某交友是一个集相亲、交友、恋爱、社交于一身的线上酒吧。<br>
                            在这里，有趣的灵魂和精致的皮囊，可以二者兼得。不仅能像线下一样轻松认识新朋友，而且还不会有任何烦恼与担忧。<br>
                            快来某某交友遇见你的另一半吧～
                        </p>
                        <div class="image">
                            <a id="pc-ios-btn" href="">
                                <img
                                    src="style/img/ios.png"
                                    id="pc-ios"
                                    style="margin-right: 20px"
                                    alt=""
                                    class="tap"
                                />
                            </a>
                            <a id="pc-andriod-btn" href="">
                                <img
                                    src="style/img/android.png"
                                    id="pc-andriod"
                                    alt=""
                                    class="tap"
                                />
                            </a>
                        </div>
                    </div>
                    <div class="right">
                        <img src="style/img/intr01.png" />
                    </div>
                </div>
            </div>

            <div class="session intr02">
                <div class="session_content">
                    <img class="intr_image" src="style/img/intr02.png" />
                    <div class="intr_content">
                        <img class="intr_tip" src="style/img/tip.png" />
                        <h3>线上酒吧，一起High玩</h3>
                        <p>
                            姐妹团里轻松组局<br />
                            举杯热聊<br />
                            酒吧游戏<br />
                            …<br />
                            没有酒吧的嘈杂<br />
                            只有动听的声音和有趣的灵魂
                        </p>
                    </div>
                </div>
            </div>

css代码质量

资源目录，非常清晰

已经分享了下载，可以在c站卓伊凡下载

安卓和苹果按钮下载

安卓下载很简单，安装包放上去，改一下下载地址

<a id="pc-andriod-btn" href="">
                                <img
                                    src="style/img/android.png"
                                    id="pc-andriod"
                                    alt=""
                                    class="tap"
                                />
                            </a>

改一下 href的地址即可，比如现在我这就/huiju.apk即可

成功可以下载，ios就麻烦了，ios首先你们要有签名，签名后在分发平台上可以下载，比如

这样，然后再获取plist地址，首先原理如下

要在HTML中实现iOS的plist下载方式，你可以使用以下步骤：

步骤 1：创建plist文件

首先，创建一个plist文件，例如info.plist，并包含以下内容：

xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>bundle-identifier</key>
    <string>com.example.app</string>
    <key>bundle-version</key>
    <string>1.0</string>
    <key>kind</key>
    <string>software</string>
    <key>title</key>
    <string>Example App</string>
    <key>url</key>
    <string>https://example.com/example.ipa</string>
</dict>
</plist>

步骤 2：创建HTML页面

在HTML页面中，添加一个按钮来触发plist文件的下载：

html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>iOS App Download</title>
</head>
<body>
    <button id="downloadButton">下载App</button>

    <script>
        document.getElementById('downloadButton').addEventListener('click', function() {
            window.location.href = 'itms-services://?action=download-manifest&url=https://example.com/info.plist';
        });
    </script>
</body>

但是呢，我并没有ipa包，因此呢我暂用分发站的，然后目前的代码肯定要改，本来我是直接来获取下地址

发现分发站把plist地址保存起来了，加上对下载按钮也要改造下，因此放在下篇即可，因为目前客户没有给卓伊凡ipa安装包

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

html

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

html

#html下载页

登录后参与评论

0 条评论

热度

【04】仿站技术之python技术，看完学会再也不用去购买收费工具了-给你们一个现成自适应pc移动端加移动端可用的APP下载落地页源码

【04】仿站技术之python技术，看完学会再也不用去购买收费工具了-给你们一个现成自适应pc移动端加移动端可用的APP下载落地页源码

开发背景

实战开发

源代码情况

安卓和苹果按钮下载

步骤 1：创建plist文件

步骤 2：创建HTML页面

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐