Content Security Policy for Cordova

October 11, 2015 | Posted in Cordova

If you have used the cordova-plugin-whitelist you will also have to provide CSP for your Android or iOS applications.

Here is an example meta tag containing all params for a Cordova app built with EmberJS

<meta content="default-src 'self' data: gap:; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; media-src *" http-equiv="Content-Security-Policy">

Points to remember:

  • gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
  • is required only on Android and is needed for TalkBack to function properly
  • default-src allows everything from same origin (self) and in addition to gap:, and data:
  • style-src allows all css from same origin and inline styles
  • script-src allows all same origin, inlines and eval()
  • media-src allows all media

The above tag works with an InAppBrowser plugin for Samsung S2, but doesn't work on Moto G (1st gen). To fix the error in Moto G, I have to add either a connect-src rule or edit the default-src to allow the application to connect to

So I changed the default-src. Turns out that adding '' is not enough. To enable all connections to my domain I modified this

default-src 'self' data: gap:;

to this

default-src 'self' data: gap:;

To allow requests from a domain you will also have to add:

<allow-navigation href="*"/>

Related Posts

20 Feb 2016 » Streaming radio in a Cordova app

18 Nov 2015 » Debugging with adb logcat