Apache Cordova
License: Apache License 2.0
Target modern web browsers to build Apache Cordova based applications.
manifest.json in the www/ dir, it will be used
manifest.json will be generated otherwise
The cordova-android lifecycle clashes with the page lifecycle spec.
There should be some integration between cordova lifecycle and the page lifecycle
The cordova even 'resume' name clashes with 'resume' of page lifecycle
The browser pause event could be a proxy of freeze. currently pause will trigger even on a browser tab change, which makes sense on the mobile webview, but not so much on a browser.
The easiest way to test integration with page lifecycle that I found so far is with chrome://discards/ as stated here https://developers.google.com/web/updates/2018/07/page-lifecycle-api#testing-your-app-in-the-frozen-and-discarded-states
Tested with cordova-android and cordova-browser
Cordova: 9.0
I have a favicon.ico in my root project file, and also in the www folder just in case, And during build browser, that icon gets replaced by the default cordova icon, the little box... Why it does not copy what i already have in my project folder
Preserve / copy my favicon to the new platform/browser folder
It replaces the favicon with the default cordova one.
cordova build browser
Browser
9.0.0
I have a problem with the ios bouncing effect when running the app on a browser.
Changing the preference "DisallowOverscroll" works perfectly on the ios and android versions, but when building a browser deploy and uploading it to a server, there is no way to add the preference on the config.xml.
Is there a way to add this useful preference for the browser versions? I also tried many solutions to avoid the bouncing, but non of them works 100% correctly.
If we leverage browser caching. Then the cordova_plugins.js should be cached by the browser for as long as possible. Therefore it would be a nice feature to have cordova_plugins.js cache bustable
njectIfNecessary('cordova/plugin_list', pathPrefix + 'cordova_plugins.js?' + hash, function () {An easy way of doing it is to add a query string to the request for cordova_plugins.js
hash where the hash could be generated on build from the plugins list
When running cordova run with a declared platform, everything is good.
However, on cordova run without any platform declaration, cordova will try to run all platforms.
Let's say that browser runs first and android runs second. When it's the turn of android to run, it will search for target default which was set in browser platform arguments. Since both platforms will use these arguments, android will never complete its build as it never finds default target that was intended for cordova-browser only.
Run all platforms without issues.
Android platform crashes.
Run cordova run command without any platform declaration.
Problem is located in https://github.com/apache/cordova-browser/blob/master/bin/template/cordova/lib/run.js.
Cordova 9.0.0
Cannot install plugin in my project
When I execute the install command cordova plugin add cordova-browser --save the plugin is installed in my project.
When I execute the install command cordova plugin add cordova-browser --save the cordova-cli prints the error message Cannot find plugin.xml for plugin "cordova-browser". Running the command with --verbose option I get the following output:
$ cordova plugin add cordova-browser --verbose --save
No scripts found for hook "before_plugin_add".
No version specified for cordova-browser, retrieving version from config.xml
No version for cordova-browser saved in config.xml or package.json
Attempting to use npm info for cordova-browser to choose a compatible release
npm info for cordova-browser did not contain any engine info. Fetching latest release
Calling plugman.fetch on plugin "cordova-browser"
saving
Running command: npm install cordova-browser --production --save
Command finished with error code 0: npm install,cordova-browser,--production,--save
Error: Cannot find plugin.xml for plugin "cordova-browser". Please try adding it again.cordova plugin add cordova-browser --save
I'm working on a Ionic project:
Ionic:
ionic (Ionic CLI) : 4.10.1 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.7
@ionic/app-scripts : 3.2.0
Cordova:
cordova (Cordova CLI) : 8.1.1 ([email protected])
Cordova Platforms : android 6.4.0, ios 5.0.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.5.1, (and 19 other plugins)
System:
Android SDK Tools : 26.1.1 (/Users/Sergio/Library/Android/sdk)
ios-deploy : 1.9.4
ios-sim : 8.0.2
NodeJS : v8.9.3 (/usr/local/bin/node)
npm : 5.10.0
OS : macOS Mojave
Xcode : Xcode 11.1 Build version 11A1027
where is cordova-browser Documentation?
i'm using Browser platform of Cordova, also i'm using cordova-plugin-whitelist and Content-Security-Policy tag into my html codes. but i get below error in console:
JQMIGRATE: Migrate is installed, version 3.0.0
adding proxy for Device
SEC7118: XMLHttpRequest for http://app.jpcomplex.com/appserver/?ios=1&username=&devid=1551073647241314 required Cross Origin Resource Sharing (CORS).
index.html
SEC7120: Origin http://localhost:8000 not found in Access-Control-Allow-Origin header.
index.html
SCRIPT7002: XMLHttpRequest: Network Error 0x80070005, Access is denied.
index.html
here is my config.xml:
<?xml version='1.0' encoding='utf-8'?>
<widget id="io.cordova.hellocordova" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>HelloCordova</name>
<description>
A sample Apache Cordova application that responds to the deviceready event.
</description>
<author email="[email protected]" href="http://cordova.io">
Apache Cordova Team
</author>
<content src="index.html" />
<access origin="*" />
<allow-navigation href="http://app.jpcomplex.com/*" />
<allow-navigation href="*" />
<allow-navigation href="http://*/*" />
<allow-navigation href="https://*/*" />
<allow-navigation href="data:*" />
<allow-intent href="http://app.jpcomplex.com/*" />
<allow-intent href="*" />
<plugin name="cordova-plugin-x-toast" spec="^2.7.2" />
<plugin name="cordova-plugin-dialogs" spec="^2.0.1" />
<plugin name="cordova-plugin-nativestorage" spec="^2.3.2" />
<plugin name="cordova-plugin-device" spec="^2.0.2" />
<plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
<engine name="browser" spec="^5.0.4" />
<engine name="android" spec="^7.1.4" />
<engine name="ios" spec="^4.5.5" />
</widget>
and here is the meta tag:
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">
and here is my ajax request:
$.get("http://app.jpcomplex.com/appserver/",{ios:1,username:'test'},function(data){
alert(data);
});
how can i fix it?
Sorry, for still asking here but on StackOverflow I did not get an answer, yet :(. Also the Slack Community Chat Sign-up at https://slack.cordova.io/ is dead.
My simple question is:
The current version of cordova-browser is 6.0.0 at npmjs.com.
The master branch contains already some security fixes (e.g. use shelljs v0.8.5 instead of v0.5.3) which would be nice to get as a new version 6.0.1 or so.
Are there any plans for at least a security release?
Apache Cordova uses GitHub Issues as a feature request and bug tracker only.
For usage and support questions, please check out the resources below. Thanks!
You can get answers to your usage and support questions about Apache Cordova on:
cordovaGetting below error message when trying to upgrade cordova-browser to 7 version
cp: dest is not a directory (too many sources)
Hello Team,
Folder is not getting copied from plugin folder to platform www folder.
Below is the error I'm getting,
cp: dest is not a directory (too many sources) cp: dest is not a directory (too many sources) cp: dest is not a directory (too many sources) cp: dest is not a directory (too many sources) cp: dest is not a directory (too many sources) cp: dest is not a directory (too many sources)
Below are the node modules which needs to copy to the destination but its not working after the upgrade
<platform name="browser"> <js-module name="mfp" src="src/browser/bootstrap.js"> <runs /> </js-module> <asset src="www/worklight" target="plugins/cordova-plugin-mfp/worklight" /> <asset src="src/browser/ibmmfpf.js" target="plugins/cordova-plugin-mfp/worklight/ibmmfpf.js" /> <asset src="typings" target="plugins/cordova-plugin-mfp/worklight/typings" /> <asset src="node_modules/express" target="plugins/cordova-plugin-mfp/worklight/node_modules/express" /> <asset src="node_modules/request" target="plugins/cordova-plugin-mfp/worklight/node_modules/request" /> <asset src="node_modules/jssha" target="plugins/cordova-plugin-mfp/worklight/node_modules/jssha" /> <asset src="node_modules/promiz" target="plugins/cordova-plugin-mfp/worklight/node_modules/promiz" /> <asset src="node_modules/sjcl" target="plugins/cordova-plugin-mfp/worklight/node_modules/sjcl" /> <asset src="src/browser/proxy.js" target="plugins/cordova-plugin-mfp/worklight/proxy.js" /> </platform>
It should copy all the mentioned folders to destination folder
Its not copying the folders hence some functionalities are not working in latest browser platform
This issue is probably happening because the cordova-browser 7 now has shelljs version 0.8.5.
Steps to reproduce the issue
cordova create helloworld
cd helloworld
cordova plugin add cordova-plugin-mfp
cordova platform add browser@7
Installed platforms:
browser 7.0.0
When trying to run (cordova run browser), got an error message "url.URL is not a constructor"
cordova run browser is supposed to run the app in a browser window
Error message "url.URL is not a constructor"
Found a work around:
in file platforms/browser/cordova/lib/run.js change line 56 (or 57) form:
var projectUrl = (new url.URL(http://localhost:${server.port}/${startPage})).href;
to
var projectUrl = http://localhost:${server.port}/${startPage};
Windows 10
I'm using Firefox Developer Edition to develop my applications and I have noticed that Cordova does not support this version, only the normal firefox. Would be great to have this as well. The command I run atm:
ionic cordova run browser --buildConfig=build.json --target='firefox developer edition' --livereload --debug --source-map
In some development environments, an API is served over SSL via the protocol https. Communicating with that API from a Cordova browser instance on a developer's machine is very efficient work flow. However, modern browsers disallow cross-origin communications between insecure and secured servers. In this case, the secured server is the API, and the insecure server is the current cordova-browser instance served with Node's http module. This is because it is always served without SSL.
I do not intend for this to be used in production environments, though there is no encoded limitation on its usage within this proposal.
A new option --https would be added to the command cordova run browser --> cordova run browser --https. The default option is false.
When this option is present, the node module https will be used to construct the server. The server accepts a keyfile and certificate, whose provision is the responsibility of the user.
When this option is not present, the current node module http is used. Also, the projectURL used in opening a browser window likewise switches based on the --https option.
A user choosing this option is most likely to see a warning page in the browser while opening the Cordova browser index.html. They merely need to accept the warning to continue onwards to their Cordova project's index page.
#89 first proposed this, but was rejected and is currently closed. I have implemented this locally, and it works well.
Exposing the API over non-secure http is an alternative. In my context, this was rejected strongly for security reasons, especially relating to corporate security accountability programs.
The second is that a developer independently hacks their local cordova installation to enable https. This is suboptimal since upgrading becomes a hassle, requiring careful VCS audits to restore erased, custom code.
I'm trying to specify a browser vendor by passing target argument
Error: The browser target is not supported: 'chrome'
$ cordova run browser --target='chrome'Windows 10 Command Line
cordova-browser 6
cordova create - install browser - cordova_plugins.js” failed to load - MIME nosniff error
The resource from “http://localhost:8000/cordova_plugins.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
ajax links to express fail - post : NOTE: Actually the issue in Browser Platform fails and produces the error above
I expect them to work - they have for years. This error occurs with a fresh standard cordova create and browser install.
I run browser and the page loads - with the above error. This error kills my ajax post links to express..
see elsewhere
Windows 10
Mozilla Firefox
Cordova
Browser
C:\Users\Phil\Desktop\test>node -v
v20.2.0
C:\Users\Phil\Desktop\test>cordova -v
12.0.0 ([email protected])
C:\Users\Phil\Desktop\test>cordova platform ls
Installed platforms:
browser 6.0.0 >> 7 is the same
Available platforms:
android
electron
deviceready not getting fired on Browser Platform while running
cordova run browser
Getting below message on console:
deviceready has not fired after 5 seconds.
Channel not fired: onCordovaReady
After executing cordova run browser deviceready content should get executed, followed by APP getting loaded in the browser.
deviceready content doesn't gets executed, resulting APP not getting loaded in the browser
List of Plugins Installed in Project:
branch-cordova-sdk 3.2.0 "branch-cordova-sdk"
cordova-plugin-add-swift-support 2.0.2 "AddSwiftSupport"
cordova-plugin-android-permissions 1.0.2 "Permissions"
cordova-plugin-androidx 1.0.2 "cordova-plugin-androidx"
cordova-plugin-androidx-adapter 1.1.0 "cordova-plugin-androidx-adapter"
cordova-plugin-appice 1.3.41 "AppICE"
cordova-plugin-badge 0.8.8 "Badge"
cordova-plugin-browsertab 0.2.0 "cordova-plugin-browsertab"
cordova-plugin-buildinfo 4.0.0 "BuildInfo"
cordova-plugin-camera 4.1.0 "Camera"
cordova-plugin-cocoapod-supportx 1.7.3 "Cordova CocoaPods Dependency Support"
cordova-plugin-compat 1.2.0 "Compat"
cordova-plugin-customurlscheme 4.4.0 "Custom URL scheme"
cordova-plugin-device 2.0.3 "Device"
cordova-plugin-dialogs 2.0.2 "Notification"
cordova-plugin-file 6.0.2 "File"
cordova-plugin-file-transfer 1.7.1 "File Transfer"
cordova-plugin-fingerprint-aio 2.0.0 "FingerprintAllInOne"
cordova-plugin-firebasex 3.0.1 "Google Firebase Plugin"
cordova-plugin-inappbrowser 3.1.0 "InAppBrowser"
cordova-plugin-media-capture 3.0.3 "Capture"
cordova-plugin-network-information 2.0.2 "Network Information"
cordova-plugin-root-detection 0.1.1 "Root Detection"
cordova-plugin-safariviewcontroller 1.6.0 "SafariViewController"
cordova-plugin-splashscreen 5.0.3 "Splashscreen"
cordova-plugin-sslcertificatechecker 6.0.0 "SSL Certificate Checker"
cordova-plugin-statusbar 2.4.3 "StatusBar"
cordova-plugin-video-editor 1.1.3 "VideoEditor"
cordova-plugin-whitelist 1.3.4 "Whitelist"
cordova-plugin-x-socialsharing 5.6.3 "SocialSharing"
cordova-universal-links-plugin 1.2.1 "Universal Links Plugin"
es6-promise-plugin 4.2.2 "Promise"
cordova run browser
> Environment:
> OS: darwin
> Node: v10.16.3
> npm: 6.13.6
> Installed platforms:
> android 8.0.0
> browser 6.0.0
> ios 5.1.1
> Available platforms:
> electron ^1.0.0
> osx ^5.0.0
> windows ^7.0.0
> [email protected] with:
> [email protected]
> [email protected]
> [email protected]
> [email protected]
Version used: 5.0.3 and 5.0.4
After running:
cordova requierements
it prints:
$ cordova requirements -d
Checking opts.platforms :
PlatformApi successfully found for platform browser
PlatformApi successfully found for platform ios
Requirements check results for browser:
Cannot read property 'forEach' of undefined
TypeError: Cannot read property 'forEach' of undefined
at /usr/local/lib/node_modules/cordova/src/cli.js:406:35
at Array.map (<anonymous>)
at /usr/local/lib/node_modules/cordova/src/cli.js:397:68
at _fulfilled (/usr/local/lib/node_modules/cordova/node_modules/q/q.js:854:54)
at /usr/local/lib/node_modules/cordova/node_modules/q/q.js:883:30
at Promise.promise.promiseDispatch (/usr/local/lib/node_modules/cordova/node_modules/q/q.js:816:13)
at /usr/local/lib/node_modules/cordova/node_modules/q/q.js:624:44
at runSingle (/usr/local/lib/node_modules/cordova/node_modules/q/q.js:137:13)
at flush (/usr/local/lib/node_modules/cordova/node_modules/q/q.js:125:13)
at process._tickCallback (internal/process/next_tick.js:61:11)
After adding some logs on cordova/clj.js I was able to see an undefined in the platformChecks from https://github.com/apache/cordova-cli/blob/master/src/cli.js#L375:
Debug-Values: browser undefined
Debug-Values: ios [object Object],[object Object],[object Object],[object Object]
Any idea if this is caused by this plugin or by my configuration?
When restoring browser platform with cordova-plugin-device active, the following warning is emitted:
config file config.xml requested for changes not found at /path/to/project/platforms/browser/config.xml, ignoring
To reproduce, on a freshly created new cordova project:
cordova platform add browser
cordova plugin add cordova-plugin-device <-- no warning emitted here
rm -rf platforms plugins
cordova prepare browser <-- warning emitted
[email protected]
[email protected]
[email protected]
I am using some cordova plugins like Camera and native audio.
Also it is a hybrid web/ios/android app. It would be cool if we could continue use angular cli for live reloading and compilation of typescript etc.. And have cordova and cordova_plugins in the browser. Right now I can only use cordova run browser to have the deviceready and native audio/camera support. Is there a wat to have this inside the angular app ?
cordova version: 8.1.2 ([email protected])
node version: v11.11.0
nvm version: v6.7.0
maybe i do something wrong?
If a project uses android platform and browser platform, and the android-versionCode attribute is set in config.xml, when a plugin is added the value for PACKAGE_NAME is set wrong in browser.json.
PACKAGE_NAME should be set to the widget id attribute value from config.xml
PACKAGE_NAME is set to 'io.cordova.hellocordova'
In browser_handler.js the regular expression in widget_id_regex does not work if config.xml has an attribute between the "<widget" tag name and the "id=" attribute.
The current regular expression works for:
<widget id="com.myorg.myapp"
but not for:
<widget android-versionCode="01020304" id="com.myorg.myapp"
The regular expression in browser_handler.js needs to be changed to something like /(?:<widget\b.+\bid=['"])(\S+)(?:['"])/ to properly find the id attribute.
browser platform
6.0.0
Hi! sorry if my question is stupid BUT, I've an api where I've to acces through ssl, it's possible to launch the server under ssl? like https://localhost:8000
Thanks!
npm audit
shelljs <0.8.5
Severity: high
Improper Privilege Management in shelljs - https://github.com/advisories/GHSA-4rq4-32rv-6wp6
No fix available
node_modules/shelljs
cordova-browser *
Depends on vulnerable versions of shelljs
node_modules/cordova-browser
2 high severity vulnerabilities
In order to view file changes you need to stop and restart the browser server; when that is done Cordova opens a new tab on the active browser, even if a tab is already open for the Cordova project.
Having to close the currently open tab each time the server is rebooted gets annoying.
Add a optional argument --no-launch which will start the server, but won't open a new browser window/tab.
Example:
cordova run browser --no-launch
Using cordova serve achieves this functionality; however, serve currently has an issue with loading plugins:
(The plugins work as expected when using cordova run browser or cordova run android.)
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.