首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Phonegap App Json在Android SDK28、Android 9和某些ipads上出现XMLHttpRequest() ProgressEvent错误

Phonegap是一个开源的移动应用开发框架,它允许开发者使用HTML、CSS和JavaScript来创建跨平台的移动应用程序。Phonegap App Json是指在Phonegap应用中使用JSON格式的配置文件。

在Android SDK28、Android 9和某些iPads上出现XMLHttpRequest() ProgressEvent错误可能是由于以下原因:

  1. 安全策略限制:在Android 9及更高版本中,Google引入了更严格的网络安全策略,要求应用程序使用HTTPS协议进行网络请求。如果您的应用程序尝试使用HTTP协议进行请求,就会出现XMLHttpRequest() ProgressEvent错误。解决方法是将应用程序迁移到使用HTTPS协议进行网络请求。
  2. 跨域访问限制:在移动应用开发中,由于安全原因,浏览器会限制跨域访问。如果您的应用程序尝试从一个域名请求另一个域名的资源,就会出现XMLHttpRequest() ProgressEvent错误。解决方法是在服务器端配置CORS(跨域资源共享)策略,允许跨域访问。
  3. 网络连接问题:XMLHttpRequest() ProgressEvent错误也可能是由于网络连接问题引起的。请确保设备已连接到互联网,并且网络连接稳定。

为了解决这个问题,您可以采取以下措施:

  1. 使用HTTPS协议进行网络请求:将应用程序迁移到使用HTTPS协议进行网络请求,以符合Android 9及更高版本的安全策略要求。
  2. 配置CORS策略:在服务器端配置CORS策略,允许跨域访问。具体的配置方法取决于您使用的服务器技术,您可以参考相关文档或搜索引擎进行详细了解。
  3. 检查网络连接:确保设备已连接到互联网,并且网络连接稳定。您可以尝试使用其他应用程序进行网络访问,以确认网络连接是否正常。

关于Phonegap和移动应用开发的更多信息,您可以参考腾讯云的移动应用开发服务:

  • 腾讯云移动应用开发:https://cloud.tencent.com/solution/mobile-app-development

请注意,以上答案仅供参考,具体解决方法可能因具体情况而异。如果问题仍然存在,请参考相关文档或咨询专业人士以获得更准确的解决方案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何AngularJS 中使用 XMLHttpRequest 进行数据通信?

本文将详细介绍 AngularJS 中使用 XMLHttpRequest 进行数据通信的方法技巧。... AngularJS 中,我们可以通过 $http 服务来封装使用 XMLHttpRequest 对象。$http 服务提供了许多方法选项,用于发送处理 HTTP 请求。...然后,我们使用 then 方法来处理成功响应,使用 catch 方法来处理错误响应。设置请求头超时时间通过使用 $http 服务的额外选项,我们可以设置请求头超时时间。...监听请求进度某些情况下,我们可能需要监听请求的进度,以便在请求发送接收过程中执行一些额外的操作。...); }) .catch(function(error) { // 处理错误响应 console.error(error); });});在上述代码中,我们通过配置对象中设置

18220

移动端Web开发调试之Weinre调试教程

虽然说Android 4.0+以上的移动设备支持桌面版Chrome远程调试,而且Android 4.4以下也仅限于预览Chrome手机版浏览器内部效果,我们无法问题浏览器下实时联调。...检查器,有了Weinre,PC可以即时修改目标网页的HTML/CSS/JavaScript,调试过程可实时显示移动设备上页面的预览效果,并同步显示设备页面的错误警告信息,可以查看网络资源的信息,不过...我Chrome 38/39版本测试时打开Debug客户端出现页面白板,原因未知,了解原因的欢迎留言给我。换为Safari浏览器打开则正常。...GitHub搜索weinre的结果中前两个就是官方的Weinre项目。 ?...另外可以安装使用GapDebug应用,GapDebug是一款跨平台的移动设备调试工具,支持拖拽式一键安装,支持重启App后Debug状态恢复,支持断点调试,支持WindowsMac OS系统,官方地址

2.2K20

手把手教你从Core Data迁移到Realm

前言 Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”“Web App跨平台开发的优势”。...Hybrid App按网页语言与程序语言的混合,通常分为三种类型:多View混合型,单View混合型,Web主体型,3种类型比较如下: 今天我来谈谈Web主体型中Hybrid框架里面比较有名的PhoneGap...一.Cordova 说到PhoneGap,就不得不说到Cordova Cordova 是一个可以让 JS 与原生代码(包括 Android 的 java,iOS 的 Objective-C 等)互相通信的一个库...Cordova的设计概念,是APP透过Web控件来呈现Web页面,让Web开发人员可以操作熟悉的语言、工具来开发APP....为了让Web页面能够满足更多的APP功能需求,Cordova提供了Plugin机制,让Web页面能够挂载并调用Native开发技术所开发的功能模块 Cordova系统中的层级应该是这样子的: 二.Js

1.3K70

iOS Hybrid 框架

前言 Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”“Web App跨平台开发的优势”。...Hybrid App按网页语言与程序语言的混合,通常分为三种类型:多View混合型,单View混合型,Web主体型,3种类型比较如下: 今天我来谈谈Web主体型中Hybrid框架里面比较有名的PhoneGap...一.Cordova 说到PhoneGap,就不得不说到Cordova Cordova 是一个可以让 JS 与原生代码(包括 Android 的 java,iOS 的 Objective-C 等)互相通信的一个库...Cordova的设计概念,是APP透过Web控件来呈现Web页面,让Web开发人员可以操作熟悉的语言、工具来开发APP....为了让Web页面能够满足更多的APP功能需求,Cordova提供了Plugin机制,让Web页面能够挂载并调用Native开发技术所开发的功能模块 Cordova系统中的层级应该是这样子的: 二.Js

2.3K90

Hybrid App移动应用开发初探

二、Hybird App开发平台介绍 2.1 PhoneGap ?   PhoneGap是一个用基于HTML,CSSJavaScript的,创建移动跨平台移动应用程序的快速开发平台。...它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,BadaBlackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音振动等,此外PhoneGap...较著名的有Worklight、appMobi、WeX5等;其中WeX5为国内打造,完全Apache开源,融合Phonegap的基础,做了深度优化,具备接近Native app的性能,同时开发便捷性也较好...、JavaC#,Native App的开发中我们直接使用这几种语言开发对应操作系统的App。...Native Code之上的是Cordova/PhoneGap这样的平台,这些平台提供了JavaScript执行平台Native API,上层通过传递JS代码,由JS执行平台进行解释,再调用对应的Native

3.5K20

Phonegap 之 iOS银联在线支付(js调用ios端银联支付控件)

Phonegap项目,做支付的时候,当把网站打包到ios或android端成app后,app通过wap调用银联在线存在一个问题: 就是当从银联支付成功后,再从服务器返回到app客户端就很难实现。...所以对于手机网站银联支付没有问题,但是对于ios端appandroidapp, 再通过wap支付,发现支付成功后,很难回到app客户端了。...所以这里就必须借助Phonegap的插件js脚本,通过js调用ios端或android端原生代码,然后再通过原生代码调用银联支付专门为移动客户端准备的sdk,去进行支付。...2、通过Phonegap脚本插件,调用OC代码,OC调用银联支付接口,弹出银联支付控件,输入你的银联卡号手机验证码等信息,完成支付 ? ? ? ?...请求,则获取银联系统流水号 /// /// 是否来自app的请求【0表示来自wap, 1表示来自android

3.1K20

React native开发中常见的错误

解决方法:工程的根目录下的android文件下新建一个local.properties的文件(我们可以直接拷贝Android项目的local.properties的文件)。 ?...A:Android >= 4.1 (API 16) iOS >= 7.0 Q:RNcordova/phonegap是一个东西吗? A:不一样。...RN的性能接近原生,超过cordova/phonegap。 Q:可以使用现有的js库吗? A:由于RN理论更接近nodejs的运行环境,所以对nodejs的库兼容更好一些。...A:请用编辑器打开项目目录中的package.json,找到类似下面的一行配置 "react-native": "0.31.0" Q:应该使用什么IDE开发?...A:看起来是个数组越界错误,但多数情况下是由于ListView的子组件渲染错误(如套数据时没有检查undefined等)引起,而非ListView本身的问题。

2.3K60

有了phonegap你还android吗?

比起传统的Web程序,PhoneGap提供了一些列的JS 的类,可以直接访问硬件。比如加速,相机,指南针,GPS,文件访问等,可以让你用JS方便地调用系统的硬件。以弥补传统Web程序的一块错误。...劣势: l  运行速度慢:程序的载入UI界面的反应都比原生的程序慢,因为它实际还是展示Web页面,所以载入、页面刷新等肯定是需要一定时间的。 l  不适合部分程序。...创建完成后根目录下创建两个新目录 /libs /assets/www 然后到phonegap目录的android目录下拷贝 phonegap-1.3.0.js到 /assets/www 拷贝phonegap...2、WebView提供Web设备本地API双向通信的能力 PhoneGap针对不同平台的WebView做了扩展封装,使WebView这个组件变成可访问设备本地API的强大浏览器,所以开发人员PhoneGap...明白以上两个特性,参照下面PhoneGap与设备本地API通信图,一个成熟的PhoneGap技术客户端运行状况如下: 应用运行在WebView组件 —》 通过PhoneGap各平台的扩展 —》 最终访问设备本地资源

1.3K50

Android开发笔记(六十四)网页加载与JS调用

4.0至4.2的Android系统,Webview自己增加了searchBoxJavaBredge_,可能被黑客利用导致远程代码执行。...以下说明文字来自百度百科的PhoneGap词条: “PhoneGap是一个用基于HTML,CSSJavaScript的,创建移动跨平台移动应用程序的快速开发平台。...它使开发者能够利用iPhone、Android、Palm、Symbian、WP7、WP8、BadaBlackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音振动等,此外PhoneGap...对于Android开发来说,PhoneGap其实就是assets下面新建了www目录,然后入口Activity通过嵌入WebView来加载www下的html页面,接下来就是各个html之间互相跳转,...4.0至4.2的Android系统,Webview自己增加了searchBoxJavaBredge_,可能让黑客利用导致远程代码执行 wv_web.removeJavascriptInterface

6.3K10

移动开发的跨平台技术演进

AndroidiOS生态太大了,我们可以把它们比作第一级生态,想要颠覆这两个系统的曾经出现过,但都失败了,因此建立次级生态是最稳妥的策略,Android平台更加开放,因此次级生态的中心就是Android...API,很多功能无法实现, 依赖于网络,网速慢时体验很差,并且没有离线功能,优化不好的话会消耗流量 只能做为一个临时的入口,用户留存率低 Web App的基础,又出现了几个进化者,这里主要介绍PWA...与PhoneGap等框架不同的是,Xamarin可以iOSAndroid刚推出新的功能时,第一时间调用相应的API,而使用PhoneGap则需要等待PhoneGap封装的新的功能后才可以调用相应的API...6.2 Flutter Flutter是谷歌的移动UI框架,可以快速AndroidiOS构建高质量的原生用户界面, 它的前身是谷歌试验项目Sky。...目前Flutter基础开发的框架已经开始出现,这也证明了业界普遍开始认可Flutter,并开始进行尝试。

3.2K20

构建具有用户身份认证的 Ionic 应用

Cordova PhoneGap 允许你使用一套代码开发多个平台的应用 (比如 Android iOS) 。除此之外,应用程序原生程序相差无尽并且原生体验一样好。...app 加载时会有以下报错: No provider for Http! 出现这个错误是因为 OAuthService 需要依赖 Angular 的 Http 模块,但是还没有将该模块导入到项目中。...以下是我的手机上的展示效果。 Android 为了模拟或者部署到 Android 设备,你首先要安装 Android Studio。... Mac ,it should be ~/Library/Android/sdk/。 如果你已经安装了Android Studio,请确保打开它以完成安装。...注意: 如果应用程序显示错误 "连接服务器失败 (file:///android/www/index.html)", config.xml 中添加以下代码。

23.8K00

构建具有用户身份认证的 Ionic 应用

Cordova PhoneGap 允许你使用一套代码开发多个平台的应用 (比如 Android iOS) 。除此之外,应用程序原生程序相差无尽并且原生体验一样好。...app 加载时会有以下报错: No provider for Http! 出现这个错误是因为 OAuthService 需要依赖 Angular 的 Http 模块,但是还没有将该模块导入到项目中。...以下是我的手机上的展示效果。 image.png Android 为了模拟或者部署到 Android 设备,你首先要安装 Android Studio。... Mac ,it should be ~/Library/Android/sdk/。 如果你已经安装了Android Studio,请确保打开它以完成安装。...image.png 注意: 如果应用程序显示错误 "连接服务器失败 (file:///android/www/index.html)", config.xml 中添加以下代码。

23.2K50

跨平台移动APP开发进阶(二):HTML5+、mui开发移动app教程

当然这些移动 App某些页面也可以继续从服务器端以网页方式运行。所以mobile web,HBuilder 里新建项目时,属于web 项目。不要放置到移动App 项目。...缺陷:毕竟不是app,不管怎样也没办法取代app的便捷功能强大。...不谈phonegap,不适用国内国情,是的,你没有看错,这是一个开发的ide,其实就是对eclipse进行了深度定制。 特点是快捷键比较多,支持移动app开发(h5+方式)。...打包 dcloud证书打包 选择发行——App打包——选择android以及dcloud公用证书,如下: 参数配置 可能有时候会提示参数配置错误,这是你需要打开项目下manifest.json文件,并去掉第三方插件...3.子页面使用频繁切换的情况 如果频繁左滑右滑,配置较低的手机上会出现list.html遮住index.html的情况,采用子页面模式就不会,采用新页面模式几率很大。

4.3K21

SNS项目笔记--极光推送

1.1 修改包名 注册APP做极光推送的时候,需要当前的包名,经过几番折腾,这里严厉指责网络一切改包名的博客,不负责任的 项目名/platforms/android/ 目录下修改包名,从AndroidMainfest...文件,android.json文件等进行修改包名。...官方命令行.png 是错误的,正确的命令行为:cordova plugin add https://github.com/jpush/jpush-phonegap-plugin.git...这里又是一大错误我们每次build或者npm下载依赖的时候,node_module目录会clean下,也就是说我们辛辛苦苦粘贴到本地代码的过后,其整个目录会在我们其他操作过后删除,这个时候我们本地依赖不存在了...创建provider成功.png 输入jpush,等待下一个根目录命令提示出现即完成创建。这个时候项目中会出现: ?

1.2K30
领券