I was messing around with a PhoneGap app using the Chrome Debugger’s Inspect feature, which lets me examine a running PhoneGap app for error messages, source code, elements, etc. I noticed an error message in the console I hadn’t seen before:
No Content-Security-Policy meta tag found. Please add one when using the cordova-plugin-whitelist plugin.
Continue reading “PhoneGap: Getting rid of the Content-Security-Policy warning”
We’re pleased to announce AppStudio 5.2 is ready. Some of the major new features are:
There are too many minor improvements and fixes to list here. You can see the entire list in the Wiki.
Download the latest version from ‘Check for Updates’ under then AppStudio Help menu. It is a free upgrade for AppStudio 5 users.
The latest build of Chrome on the desktop makes it easier than ever to open the Chrome Debugger to look at an app running on a device. This works on apps running in the browser, apps running from the Home Screen and PhoneGap apps. Here’s how:
1. Connect your device to your desktop (PC or Mac) via USB cable.
2. Open the Chrome Developer tools.
3. Click on the icon circled in red. Select “More tools”, then “Inspect devices…”:
4. The Dev Tools Devices window will pop up. Choose the running web app you want to debug and click on “inspect”.
5. A fresh Chrome Developer Tools window will pop up, connected to the app running on your device.
Here’s a YouTube video showing the same process:
A number of our tutorials use weather data from OpenWeatherMap’s website. It provides information about current conditions for anywhere in the world, with an easy to use API. Best of all, it’s free, so long as you do not make more than 60 calls a minute or 50,000 per day.
Recently, they added a requirement for an API Key to access their service. An API Key is a string you supply with your request containing your unique identifier. They’re free: you can get them at http://openweathermap.org/appid.
Continue reading “OpenWeatherMap’s new API Key”
We’re pleased to announce AppStudio 5.1.3 is ready. New and improved stuff includes:
Download the latest version from ‘Check for Updates’ under then AppStudio Help menu. It is a free upgrade for AppStudio 5 users.
FileReader lets you read files into your app. While it has a few restrictions, it’s by far the quickest way to get the data from a file so you can manipulate it. It’s also surprisingly fast.
Continue reading “Using FileReader”
Since the iPhone came out, Helvetica has pretty much been the standard font for all devices. It’s clean, simple and readable. However, both Apple and Google are tinkering with the default font to make it look even better on small screens. Here are the contenders:
Starting with AppStudio 5.1.2, you have more control over these fonts, giving your apps a more native look.
Here’s how it works:
Continue reading “Using System Fonts”
We’re pleased to announce AppStudio 5.1.2 is ready. New and improved stuff includes:
Download the latest version from ‘Check for Updates’ under then AppStudio Help menu. It is a free upgrade for AppStudio 5 users.
Ever try to center a button on a form? Dead center, from top to bottom, from right to left, no matter how the size of the form changes?
You can’t put a number like 100 into the left or top property. It won’t respond to different screen sizes.
You can’t put a percentage (like 50%): it will align the top or left of the button at 50%, not the center of the button.
There’s a handy calc() function you can use instead.
Continue reading “Using calculations in bounds properties”
(This blog posted was updated with additional information on Oct 23, 2015, Thanks, Vagner!)
The recent updates to PhoneGap have resulted in another change being needed to your configxml.
In Project Properties, add these lines anywhere in the middle of PhoneGap configxml:
<gap:plugin name="cordova-plugin-splashscreen" source="npm" /> <preference name="AutoHideSplashScreen" value="true" />
Without this, your splashscreens will not appear.
