`

phonegap+jQuery mobile开发中碰到的问题集锦

 
阅读更多
第一个问题:

问题描述:

PhoneGap+Sencha Touch开发的应用,打包后的APP或者调试期间,在启动的时候提示如下信息:
Application Error - The connection to the server was unsuccessful.
(file:///android_asset/www/index.html)


问题分析:
1,这个应该是PhoneGap某些版本的BUG,尤其在index.html加载的内容较多时容易出现。
2,采用了alert()进行调试,中断了后续代码的运行。

解决方法:
方法1:更新到PhoneGap的最新版本;不要使用alert()调试;
方法2:设置加载超时属性
super.setIntegerProperty("loadUrlTimeoutValue",10000); 
完整代码如下(设置超时为 10 秒)

@Override
publicvoid onCreate(Bundle savedInstanceState){
    super.onCreate(savedInstanceState);
    super.loadUrl("file:///android_asset/www/home/index.html");
    super.setIntegerProperty("loadUrlTimeoutValue",10000);

方法3:改名法
把index.html更名为main.html,然后新建一个index.html页面,内容如下:
<!doctype html> <html> <head> <title>tittle</title> <script> window.location='./main.html'; </script> <body> </body> </html>

主要原理就是通过一个过渡页面,把加载首页的内容最小化。

找到项目中res/xml目录下的config.xml,把你的外网的域名地址添加到配置中
<access origin="http://example.com" /> <!--allow any secure requests to example.com -->

第二个问题:

问题描述:

使用chrome调试时出现XMLHttpRequest cannot load http://54.214.8.118:8080/common/sendSidAction.action. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
这是因为Chrome默认不允许本地调用ajax请求,但手机上运行却没问题。

解决方案:

在Chrome的启动参数中添加如下

--allow-file-access-from-files

也就是在Chrome 的快捷方式->右键属性->目标框
里面,前边是Chrome运行程序的路径,后面 空格 --allow-file-access-from-files
即可

第三个问题:

关于Google地图API密匙的问题,进入地图的时候提示我“google已禁止对此应用使用地图API。.....”



google 网在中国内是禁用的。用电脑上google还是个问题啊 亲 ,手机不用说啦。

其他问题补充中...
  • 大小: 91.3 KB
分享到:
评论

相关推荐

    PhoneGap+jQueryMobile开发Android应用实例

    PhoneGap+jQueryMobile开发Android应用实例,搭建开发环境

    用PhoneGap+jQueryMobile开发Android应用实例

    用PhoneGap+jQueryMobile开发Android应用实例,很好的android开发学习教材。

    android+phonegap+jquery mobile

    "android"指代平台,"phonegap"表示开发工具,"jqm"是jQuery Mobile的缩写,代表了用户界面设计和交互的工具。 **知识点详解:** 1. **Android**:Android是一个开源的移动操作系统,支持各种硬件设备,包括手机、...

    PhoneGap+Jquery mobile汇率计算器

    PhoneGap和jQuery Mobile是开发移动应用的两个重要工具,它们结合使用可以构建跨平台的、交互性强的移动应用。在本实例中,我们将探讨如何利用这两个技术创建一个汇率计算器。 PhoneGap是一个开源框架,它允许...

    phonegap+jqueryMobile例子

    在这个“phonegap+jqueryMobile例子”中,我们将深入探讨这两个工具如何协同工作,以及如何利用它们创建Android应用程序。 PhoneGap是一个开源框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用。...

    PhoneGap+Jquery mobile

    PhoneGap和jQuery Mobile是两种非常重要的移动应用开发技术,它们结合使用可以构建跨平台的混合应用程序。PhoneGap是由Adobe开发的一个开源框架,它允许开发者使用HTML、CSS和JavaScript来创建原生的移动应用,而...

    【叨、校长】PhoneGap+jQuery Mobile+Rest 访问远程数据

    PhoneGap+jQuery Mobile+REST 访问远程数据 在移动应用开发中,PhoneGap是一个流行的框架,它允许开发者使用HTML、CSS和JavaScript来构建跨平台的原生移动应用。jQuery Mobile则是一个专为触摸设备设计的前端框架,...

    基于html5 +phonegap + jquery mobile 实现的手机APP.zip

    综上所述,这个项目利用HTML5的多媒体特性创建Web应用,借助PhoneGap将其转换为可在不同移动设备上运行的原生应用,再通过jQuery Mobile优化用户界面和交互体验,实现了跨平台的手机APP开发。这个过程中,开发者需要...

    jQuery+Mobile+和+PhoneGap+集成开发.pdf

    ### jQuery Mobile和PhoneGap集成开发 #### jQuery Mobile介绍 jQuery Mobile是一个针对移动设备优化的HTML5框架,用于构建响应式网站和应用程序。它是jQuery库的一个扩展,利用了jQuery的核心特性,并针对触控屏...

    phonegap+jqueryMobilejs源码项目

    PhoneGap和jQuery Mobile是移动应用开发中的两个重要工具,它们结合使用可以构建跨平台的、交互性强的移动应用程序。在本项目中,我们将探讨如何利用这两个技术栈来创建原生感十足的移动应用。 PhoneGap,现在也被...

    html5讲义-整合phonegap和jquery mobile

    文档中提到了几个快速整合PhoneGap和jQuery Mobile的例子,这些例子可以为开发者提供参考,帮助他们理解如何将两者整合起来,以及如何在开发中应用这一整合技术。 6. PhoneGap安装和平台支持 文档中提到了如何安装...

    phoneGap jqueryMobile demo

    在"phoneGap jqueryMobile demo"这个项目中,SmartHome可能是示例应用的名字,可能包含了一系列使用PhoneGap和jQuery Mobile创建的文件,用于展示如何将两者结合使用来开发一个智能家居控制应用。开发者可能使用HTML...

    Html5 phonegap结合Jquerymobile资源

    HTML5、PhoneGap和jQuery Mobile是移动应用开发中的三大核心技术,它们共同构建了跨平台的移动应用程序。HTML5是下一代超文本标记语言,提供了许多增强的网页交互功能;PhoneGap是一个开源框架,允许开发者使用Web...

    budgetManager:用于管理每月预算的小型 phonegap + jqueryMobile 应用程序

    【预算管理器(Budget Manager)】是一款基于PhoneGap和jQuery Mobile技术构建的轻量级应用程序,主要用于个人或家庭的月度预算控制。PhoneGap是一种开放源代码框架,它允许开发者使用HTML、CSS和JavaScript来创建跨...

    使用jQuery Mobile + PhoneGap 开发Android应用程序

    使用jQuery Mobile + PhoneGap 开发Android应用程序

    jquery mobile + 百度地图 + phonegap 写的一个\"校园助手\"的app

    《构建“校园助手”App:jQuery Mobile、百度地图与PhoneGap的融合应用》 在现代移动互联网技术中,开发一款跨平台的移动应用程序已经成为常态。本项目“校园助手”利用了jQuery Mobile、百度地图API以及PhoneGap这...

    android PhoneGap JQuery Mobile Demo

    PhoneGap和JQuery Mobile是移动应用开发中的两个关键框架,它们结合使用可以帮助开发者构建跨平台的原生感观的移动应用程序。PhoneGap是Adobe提供的一个开源框架,它允许使用HTML、CSS和JavaScript来构建移动应用,...

    Android JqueryMobile PhoneGap 项目实例

    Android+Jquerymobile+PhoneGap的项目实例,包括 用这些 js UI实现的 滑屏、触摸、禁横屏、滚动特效。绝对经典,技术绝对齐全, 绝对适合你学习。想学手机软件开发的人,必须选择我的资源, 与我一起进步!!!

    jQuery Mobile快速入门完整版.pdf + 所有源码

    通过本书的学习,读者将会获悉jQuery Mobile的核心特性,以及如何创建可主题化的设计,还会掌握jQuery Mobile的API,以及如何使用PhoneGap来扩展jQuery Mobile。 《jQuery Mobile快速入门》适合想要掌握jQuery ...

Global site tag (gtag.js) - Google Analytics