Search code examples
cordovasecuritylocalwhitelistcordova-5.0.0

Cordova: links to javascript files located in local resource Not allowed

The Status:

I have some java script files I download from my server and save them in the device storage, and want to link them to my index.html just like this:

<script 
    type="text/javascript" 
    src="file:///data/data/<app_id>/files/path/to/my-script.js/">
</script>

and the same for CSS.

This the error:

Not allowed to load local resource:
file:///data/data/<app_id>/files/path/to/style.css

NOTE: this was allowed in the previous versions of cordova, but since I updated to cordova 5, I forced to install the plugin whitelist and then this permission error appeared.

Solution

  • I resolved this problem by creating an embed tiny web server into Cordova with this plugin CorHttpd Cordova Plugin

    then simply refer to the stylesheet by as following:

    <link src="http://localhost:8080/css/file.css">

    and you can refer to JS file by the following:

    <script src="http://localhost:8080/js/script.js" ><script>