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瀏覽器下字體顯示為藍色的問題