H5在ios手机中原生浏览器safari下载文件问题

本文转载自查看原文 2021-05-18 17:20 2352 canman

百度搜索了很多，但是始终没有完成需求，只是在ios浏览器上下载个pdf，麻烦的要死，希望华为或者小米的生态能早点做起来。

<body>

    <button id="download">down</button>

</body>

<script>

    var url =

        "https://xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

    var down = document.getElementById('download')

    down.onclick = function () {

        var ua = navigator.userAgent.toLowerCase();

        //判断是不是在iPhone的Safair浏览器打开的本页面

        if (ua.indexOf('applewebkit') > -1 && ua.indexOf('mobile') > -1 && ua.indexOf('safari') > -1 &&

            ua.indexOf('linux') === -1 && ua.indexOf('android') === -1 && ua.indexOf('chrome') === -1 &&

            ua.indexOf('ios') === -1 && ua.indexOf('browser') === -1) {

            // document.write("【是 Safari】");

            down1(url)

        } else {

            // document.write("【不是 Safari】");

            down2(url)

        }

    }

    function down1(url) {

        var src = url

        var iframe = document.createElement('iframe');

        iframe.style.display = 'none';

        iframe.src = "javascript: '<script>location.href=\"" + src + "\"<\/script>'";

        document.getElementsByTagName('body')[0].appendChild(iframe);

    }

    function down2(url) {

        window.open(url)

    }

</script>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 h5 手机浏览器多文件上传解决Safari浏览器下载文件文件名称乱码的问题手机浏览器 H5直播 h5 手机浏览器打开app uni-app调用第三方程序打开指定的URL，即调用手机浏览器下载文件如何在ios手机端的Safari浏览器中“查看网页源代码” 在mac上如何用safari浏览器调试ios手机的移动端页面如何在ios手机端的Safari浏览器中“查看网页源代码” safari手机浏览器的width:100%的自适应问题解决苹果手机Safari浏览器下字体显示为蓝色的问题