I'm having an issue developing a phonegap app for iOS. I just copied all the html / css / javascript markup into a phonegap application. I'm using xcode3 on a Mac with 10.6.8
When I go to run the application, I get these dialogs once it loads and install:
gap:["Network Status","getConnectionInfo","Network Status0",true]
usePolling: gap_callbackServer
getPort: gap_callbackServer:
getToken: gap_callbackServer:
Then is stays forever at gap_poll:
While I'm getting these dialogs, I can see the app's home screen all loaded in the background.
This application was successfully built, deployed and is currently on the App Marketplace for Android, never had problems like this developing for it.
What could be causing this?
More than likely you are using the Android version of phonegap.js. Each platform has it's own phonegap.js so you have to make sure you are using the right one. I know it is confusing but we are working on it.
Just change the script tag from:
<script type="text/javascript" src="cordova.2.0.0.js"></script>
to:
<script type="text/javascript" src="phonegap.js"></script>
Another solution that I found was to just use "phonegap.js" (and I don't even have that file included) and when I added my .zip file to build it seemed to automatically add the correct version for me. I noticed the phonegap getting started app didn't include an version of the .js file and that gave me the idea.
Main reason is for using the cordova.js which mainly for Android. I've searched the cordova-1.8.1.js for iOS, bad-luck for me.
And finally I create phonegap-1.8.1 project for iOS from terminal then tried to create another project with phonegap-2.1.0 from template and found the cordova-2.1.0.js. This JS then used for phonegap-1.8.1 project ...
I've got my success, now my application is running successfully on iOS 6(new version iPAD)
Related
I have a web application developed using Vuejs/Nuxtjs. The web application has a Vue Component page named Design.vue under pages/Design.vue. This Vue component uses the styles from the assets/css/drawflow.css. Everything works perfectly fine when I run the application locally using the command npm run dev and access the application using http://localhost:5000/. I checked the sources by inspecting on Google Chrome and I see the styles page listed there.
Now, If I try to deploy the same application using the Docker, I see that my Design.vue page is not getting the styles from the assets/css/drawflow.css. I tried to inspect in Google Chrome for that page and when I see the sources, I do not see the required style sheet.
Not sure what's happening and why the styles under the assets folder are not accessible via Docker. Can someone please let me know what needs to be changed here?
Following is the way I am accessing the styles in pages/Design.vue:
<style>
#import "https://cdn.jsdelivr.net/gh/jerosoler/Drawflow#0.0.48/dist/drawflow.min.css";
#import "~/assets/css/drawflow.css";
<!-- #import "#/assets/css/drawflow.css"; -->
</style>
I was able to find the solution. The issue was happening because of the styles provided in the CDN link: https://cdn.jsdelivr.net/gh/jerosoler/Drawflow#0.0.48/dist/drawflow.min.css.
For some reason, docker was not making requests to this file due to which styles from this file were ignored. I added those styles within my drawflow.css file and added a single style. This worked perfectly fine.
<style>
#import "~/assets/css/drawflow.css";
</style>
I am searching for an WYSIWYG editor for my Meteor project.
It's Meteor version 1.6.1.1 with Angular 5.
I have already tried [Froala][1].
Which was working fine local, but after creating a Docker container it showed multiple errors (https://github.com/froala/meteor-froala/issues/27).
So I am looking for either fixing this problem, or another simple/lightweight WYSIWYG editor working with Meteor 1.6.1.1 and Angular 5.
Thank you ;)
I will suggest The CKEditor - https://ckeditor.com. I recommend version 4, since I worked with it and I can say that it works very well with Meteor. Put the code (CK Editor library) in the public folder of your project, after that you can simply use it everywhere. It has a download page (https://ckeditor.com/ckeditor-4/download) were you can built your editor, add everything that you need and remove the things that you don't need, so it's pretty nice to use it.
Initializing it is that simple:
HTML: <textarea id="ck_editor" rows="5">
JS: CKEDITOR.replace('ck_editor');
To get the text content:
CKEDITOR.instances.ck_editor.getData()
P.S.: I worked with this editor in Meteor 1.5 and I haven't tested it with 1.6, but it should work in the same way. Also I deployed the project on a docker container, without any problems.
I would suggest TinyMCE.
I would recommend self-hosted and you can install it via NPM:
npm install tinymce
Once you have required the packages see the docs
I created a new Phonegap 2.5 project from scratch, and I've been trying to load an external URL in it, but I keep getting input boxes popping up on startup before loading the actual URL. I first get a pop-up with the URL of the website, then in the input box it says "DeviceInfo","Device652321624". If I click Cancel, it pops up 2 more times before loading the website. On the website itself, it loads some relative URLs, but others cause the entire page to refresh and the input boxes to pop up again.
I set the URL by setting <content src="http://phonegap.example.com" />, which is just a regular website with Javascript. I even tried commenting out all Phonegap specific code (no more ondeviceready calls), but it still causes the problem. http://www.google.com loads for me, so I'm not sure what else to check. And it works with the Android version that I've developed.
If it helps, I've also seen this message in the XCode log: Resetting plugins due to page load.
I've had the exact same problem today.
I fixed it by checking the include of the cordova.js file (this js is generated when you create the project using the create command.
( called cordova.js in the renamed cordova project version. probably phonegap.js in phonegap ?)
anyway my include was :
<script type="text/javascript" src="js/cordova.js"></script>
whereas je js file was in the project root :
I changed it to
<script type="text/javascript" src="cordova.js"></script>
and every things is fine now.
also, the 'create' command for Android generate a different js file. make sur that the new one generated for ios is used.
hope that helps !
Problem is you are using android's cordova.js instead of ios's cordova.js.
Just make sure you are using the proper one.
basically i gave my html + css + javascript code to my friend, asking him to compile it for phonegap in iOS. the same code works perfectly for android. however he said that everytime he compiled the code, popups will be displayed
here's the pop-up that he meant:
and
how do i remove those pop-ups?
I had the exact same issue, read the comment from codemonkey and discovered that in my html files, I was referring to an old cordova javascript file.
I replaced
<script src="js/cordova-2.2.0.js"></script>
with
<script src="cordova-2.5.0.js"></script>
and the popups disappeared :)
My code works well at android platform(phonegap 2.0 and before).But when i try to run it at ios, it has some problems.
If i add cordova2.0.js like this:
<script type="text/javascript" src="js/cordova-2.0.0.js"></script>
But my app will alert a lot. like these:
["Info","NetworkStatus0",true]
["tDeviceInfo","Device1",true]
When i romove cordova-2.0.0.js tag. The index.html load normally without any alert.
I don't know why.
We had a similar problem that got fixed by always using the cordova-2.0.0 that xCode creates automatically for you when starting a phonegap-project.
Are you using the android version of the javascript?
Try using cordova library for ios. It seems that you are using the android one, or the path is wrong.