Отладка Safari iOS с USB показывает пустой экран

Question

Отладка Safari iOS с USB показывает пустой экран

Просто замените image/jpeg на application/octet-stream. Клиент не будет распознавать URL-адрес в качестве встроенного ресурса и запрашивает диалоговое окно загрузки.

Простое решение JavaScript:

//var img = reference to image
var url = img.src.replace(/^data:image\/[^;]+/, 'data:application/octet-stream');
window.open(url);
// Or perhaps: location.href = url;
// Or even setting the location of an  element, 
</code></pre><p> Другой метод - использовать  <code>blob:</code> URI: </p><pre class="lang-js prettyprint-override"><code>var img = document.images[0];
img.onclick = function() {
    // atob to base64_decode the data-URI
    var image_data = atob(img.src.split(',')[1]);
    // Use typed arrays to convert the binary data to a Blob
    var arraybuffer = new ArrayBuffer(image_data.length);
    var view = new Uint8Array(arraybuffer);
    for (var i=0; i<image_data.length; i++) {
        view[i] = image_data.charCodeAt(i) & 0xff;
    }
    try {
        // This is the recommended method:
        var blob = new Blob([arraybuffer], {type: 'application/octet-stream'});
    } catch (e) {
        // The BlobBuilder API has been deprecated in favour of Blob, but older
        // browsers don't know about the Blob constructor
        // IE10 also supports BlobBuilder, but since the `Blob` constructor
        //  also works, there's no need to add `MSBlobBuilder`.
        var bb = new (window.WebKitBlobBuilder || window.MozBlobBuilder);
        bb.append(arraybuffer);
        var blob = bb.getBlob('application/octet-stream'); // <-- Here's the Blob
    }

    // Use the URL object to create a temporary URL
    var url = (window.webkitURL || window.URL).createObjectURL(blob);
    location.href = url; // <-- Download!
};
</code></pre><h3> Соответствующая документация </h3><ul><li> <a href="/go.php?url=https%3a%2f%2fdeveloper.mozilla.org%2fen-US%2fdocs%2fDOM%2fwindow.atob" rel="noreferrer"> <code>atob</code> </a> </li> <li> <a href="/go.php?url=https%3a%2f%2fdeveloper.mozilla.org%2fen-US%2fdocs%2fJavaScript_typed_arrays" rel="noreferrer"> Типизированные массивы </a> </li> <li> <a href="/go.php?url=https%3a%2f%2fdeveloper.mozilla.org%2fen-US%2fdocs%2fDOM%2fwindow.URL.createObjectURL" rel="noreferrer"> <code>URL.createObjectURL</code> </a> </li> <li> <a href="/go.php?url=https%3a%2f%2fdeveloper.mozilla.org%2fen-US%2fdocs%2fDOM%2fBlob" rel="noreferrer"> <code>Blob</code> </a> и <a href="/go.php?url=https%3a%2f%2fdeveloper.mozilla.org%2fen-US%2fdocs%2fDOM%2fBlobBuilder" rel="noreferrer"> <code>BlobBuilder</code> </a> </li> </ul></p>
         </div>
         <div class="votes-question">
            <div class="vote-count" itemprop="upvoteCount">1</div><i class="fa fa-thumbs-o-up"></i>
         </div>
         <div class="tags">
            <a href="/questions/tagged/ios" class="tag"  title="ios" rel="tag">ios</a> <a href="/questions/tagged/iphone" class="tag"  title="iphone" rel="tag">iphone</a> <a href="/questions/tagged/debugging" class="tag"  title="debugging" rel="tag">debugging</a> <a href="/questions/tagged/safari" class="tag"  title="safari" rel="tag">safari</a>         </div>
         <div class="clearfix"></div>
         <div class="action-time">
            задан Alp Şenel            <span title="17 March 2019 в 21:38 ">17 March 2019 в 21:38 </span>
         </div>
         
         <a class="s-link" href="/questions/61250/otladka-safari-ios-s-usb-pokazyvaet-pustoj-ekran" title="поделиться">поделиться</a>
      </div>
   </div>
  <div style="height:100px;margin:10px 0px;" class="">

    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- siteask before post --> <ins class="adsbygoogle"      style="display:block;height:100px"
                                                                                                                             data-ad-client="ca-pub-2355906945027976"
                                                                                                                             data-ad-slot="" data-ad-format="auto"></ins>
    <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

    </div>
   <div class="answers" id="answers">
   
      <h2 class="pull-left"><span itemprop="answerCount">0</span> ответов</h2>
      <div class="clearfix"></div>

      <div class="answer-pager">
         <div class="pagination">
                     </div>
      </div>

            <div style="margin-top: 20px;">
          Другие вопросы по тегам:          <div class="tags" style="display: inline-block; float: none;">
         <a href="/questions/tagged/ios" class="tag"  title="ios" rel="tag">ios</a> <a href="/questions/tagged/iphone" class="tag"  title="iphone" rel="tag">iphone</a> <a href="/questions/tagged/debugging" class="tag"  title="debugging" rel="tag">debugging</a> <a href="/questions/tagged/safari" class="tag"  title="safari" rel="tag">safari</a>       </div>
        <h3 class="m-t-20">Похожие вопросы:</h3>

        <div class="related-block">
          <ul>
                          <li><div class='votes-answer green'><span class='vote-count'>72</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/134865/kakova-samaja-zhestkaja-oshibka-kotoruju-vy-kogda-nibud-nahodili-i-fiksirovali-zakrytyj" title="Какова самая жесткая ошибка, которую Вы когда-нибудь находили и фиксировали? [закрытый]">Какова самая жесткая ошибка, которую Вы когда-нибудь находили и фиксировали? [закрытый]</a> - 23 May 2017 10:31 </li>
                            <li><div class='votes-answer green'><span class='vote-count'>34</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/121365/samye-tverdye-tipy-oshibok-dlja-otslezhivanija-zakrytyj" title="Самые твердые типы ошибок для отслеживания? [закрытый]">Самые твердые типы ошибок для отслеживания? [закрытый]</a> - 20 February 2009 17:33 </li>
                            <li><div class='votes-answer green'><span class='vote-count'>33</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/82972/kak-otklonit-klaviaturu-dlja-uitextview-s-klavishej-vozvrata" title="Как отклонить клавиатуру для UITextView с клавишей возврата?">Как отклонить клавиатуру для UITextView с клавишей возврата?</a> - 17 January 2019 13:05 </li>
                            <li><div class='votes-answer green'><span class='vote-count'>32</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/136672/chto-vy-delaete-esli-vy-ne-mozhete-razreshit-oshibku-zakrytyj" title="Что Вы делаете, если Вы не можете разрешить ошибку? [закрытый]">Что Вы делаете, если Вы не можете разрешить ошибку? [закрытый]</a> - 17 April 2015 10:20 </li>
                            <li><div class='votes-answer green'><span class='vote-count'>32</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/83103/uitableview-prokrutite-vverh" title="UITableView - прокрутите вверх">UITableView - прокрутите вверх</a> - 6 November 2017 04:56 </li>
                            <li><div class='votes-answer green'><span class='vote-count'>32</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/143292/chto-nahoditsja-v-vashem-sluzhebnom-instrumentarii-zakrytyj" title="Что находится в Вашем Служебном Инструментарии? [закрытый]">Что находится в Вашем Служебном Инструментарии? [закрытый]</a> - 13 January 2014 00:56 </li>
                            <li><div class='votes-answer green'><span class='vote-count'>30</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/2943/nullreferenceexception-v-zavisimosti-ot-oblasti-dejstviya-dublikat" title="NullReferenceException в зависимости от области действия [дубликат] ">NullReferenceException в зависимости от области действия [дубликат] </a> - 3 September 2017 16:06 </li>
                          </ul>
        </div>

      </div>
   </div>
   
</div>      </div>
      <aside class="sidebar">
        <div class="awrap">

<script async src="https://yastatic.net/pcode-native/loaders/loader.js"></script>
<script>
    (yaads = window.yaads || []).push({
        id: "553274-2",
        render: "#id-553274-2"
    });
</script>
<div id="id-553274-2"></div>
          <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:600px"
     data-ad-client="ca-pub-2355906945027976"
     data-ad-slot="8038370725"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>


        </div>
      </aside>

    </div>
  </div>
  <footer class="footer">
    <div class="wrapper wrapper--sm">
      <div class="footer-navs-col">
        <div class="footer-nav footer-nav--menu">

          <div class="footer-coryright">© 2017 - 2020 Вопросы и ответы по программированию</div>
        </div>
        <div class="footer-nav footer-nav--catalog">
        </div>
      </div>
      <div class="footer-contacts-col">
        <div class="soc-widget-col">
        </div>
      </div>
      <div class="clearfix"></div>
    </div>

  </footer>

</div>

<script type="text/javascript" src="/js/ui/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="/js/ui/external/jquery.cookie.js"></script>

<script type="text/javascript" src="/js/versions/menu.ru.u1607887878.js"></script>


<script type="text/javascript" src="/js/jquery.fancybox.min.js"></script>
<script type="text/javascript" src="/js/slick.min.js"></script>
<script type="text/javascript" src="/js/jquery.maskedinput.min.js"></script>

<script type="text/javascript" src="/js/versions/scripts.ru.u1607887878.js"></script>


<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; var z = null;m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(90030325, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/90030325" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->


<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-123993370-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-123993370-1');
</script>

</div>
<script type="application/ld+json">
  {
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Программирование - вопросы и ответы",
  "alternateName": "Программирование - вопросы и ответы",
  "url": "https://legkovopros.ru",
  "potentialAction": {
     "@type": "SearchAction",
     "target": "https://legkovopros.ru/search?search={search_term_string}",
     "query-input": "required name=search_term_string"
   }
}
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Программирование - вопросы и ответы",
  "url": "https://legkovopros.ru",
  "logo": "https://legkovopros.ru/i/logo.png",
  "email": "info@legkovopros.ru",
   "telephone": ""

}




</script>
</body>
</html>