菜鸟教程小白 发表于 2022-12-12 17:10:37

jquery - 不允许加载本地资源 ios9 cordova app


                                            <p><p></p><div class="snippet"data-lang="js"data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!--CSP Meta Tags in index.html --&gt;
&lt;head&gt;
    &lt;meta charset=&#34;utf-8&#34;&gt;
    &lt;meta http-equiv=&#34;X-UA-Compatible&#34; content=&#34;IE=edge,chrome=1&#34;&gt;
    &lt;meta name=&#34;viewport&#34; content=&#34;width=device-width,height=device-height,user-scalable=no&#34;&gt;
      &lt;meta http-equiv=&#34;Content-Security-Policy&#34;
            content=&#34;default-src *;
            style-src &#39;self&#39; &#39;unsafe-inline&#39; &#39;unsafe-eval&#39;;
            script-src &#39;self&#39; &#39;unsafe-inline&#39; &#39;unsafe-eval&#39;;&#34;&gt;
    &lt;title&gt;Test App&lt;/title&gt;
&lt;/head&gt;

&lt;!-- config.xml file with whitelist plugin --&gt;
&lt;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34; ?&gt;
&lt;widget xmlns   = &#34;http://www.w3.org/ns/widgets&#34;
    xmlns:gap   = &#34;http://phonegap.com/ns/1.0&#34;
    id          = &#34;com.abc.testApp&#34;
    versionCode = &#34;10&#34;
    version   = &#34;2.0.0&#34; &gt;
&lt;name&gt;TestApp&lt;/name&gt;
&lt;description&gt;
    Sample app to download and launch hybrid app
&lt;/description&gt;
&lt;author email=&#34;[email protected]&#34; href=&#34;http://1ct.es&#34;&gt;
    Test
&lt;/author&gt;

&lt;preference name=&#34;orientation&#34; value=&#34;portrait&#34; /&gt;
&lt;preference name=&#34;fullscreen&#34;value=&#34;true&#34; /&gt;
&lt;preference name=&#34;webviewbounce&#34; value=&#34;false&#34; /&gt;

&lt;icon src=&#34;icon.png&#34; /&gt;

&lt;content src=&#34;index.html&#34; /&gt;

&lt;gap:platform name=&#34;ios&#34; /&gt;

&lt;gap:plugin name=&#34;cordova-plugin-whitelist&#34; source=&#34;npm&#34; /&gt;
&lt;gap:plugin name=&#34;org.apache.cordova.file&#34; version=&#34;1.3.3&#34; /&gt;
&lt;gap:plugin name=&#34;org.apache.cordova.file-transfer&#34; version=&#34;0.5.0&#34; /&gt;
&lt;gap:plugin name=&#34;org.apache.cordova.inappbrowser&#34; version=&#34;0.5.2&#34; /&gt;
&lt;gap:plugin name=&#34;org.chromium.zip&#34; version=&#34;2.1.0&#34; /&gt;

&lt;gap:config-file platform=&#34;ios&#34; parent=&#34;NSAppTransportSecurity&#34;&gt;
      &lt;dict&gt;
          &lt;key&gt;NSAllowsArbitraryLoads&lt;/key&gt;
          &lt;true/&gt;
      &lt;/dict&gt;
&lt;/gap:config-file&gt;

&lt;allow-navigation href=&#34;*&#34; /&gt;
&lt;allow-intent href=&#34;*&#34; /&gt;
&lt;access origin=&#34;*&#34; /&gt;


&lt;/widget&gt;</code></pre>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>所以我已经为此苦苦挣扎了很多。
最新的 iOS 使用 WKWebView。它似乎将本地文件视为来自远程服务器，即使它们位于应用程序本身中，并且此类请求被阻止。引用 <a href="https://www.scirra.com/blog/ashley/25/hacking-something-useful-out-of-wkwebview" rel="noreferrer noopener nofollow">Source</a> </p>

<p>以下解决方案对我有用:</p>

<ol>
<li><p>添加 Corodova 文件插件。</p>

<p><code>cordova插件添加cordova-plugin-file</code></p></li>
<li><p>把本地文件路径改成这样:</p>

<p><code>cdvfile://localhost/bundle/www/you_folder_name/file_name.mp3</code></p></li>
</ol></p>
                                   
                                                <p style="font-size: 20px;">关于jquery - 不允许加载本地资源 ios9 cordova app，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/33773877/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/33773877/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: jquery - 不允许加载本地资源 ios9 cordova app