phonegap

Mac OS 搭建phonegap开发环境

北城余情 提交于 2020-02-29 13:26:13
1 首先需要安装NODE.JS ,官网地址 https://nodejs.org/。 2这里提到的是在官网上下载相应的node.js安装包后,在MAC 上无法正常安装的解决办法,本人试验的是node-v0.12.6.pkg,换了几个旧版本依然无法正常安装,那么我们试试另外一种安装方法。 3首先安装 Homebrew :在MAC 上打开Terminal and type ,输入: ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 4然后输入brew install node (如果总是下载失败的话,命令换成brew install -v node) 5接下来就是安装cordova ,并创建项目。 来源: oschina 链接: https://my.oschina.net/u/163141/blog/491214

2016年31款轻量高效的开源JavaScript插件和库

冷暖自知 提交于 2020-02-29 05:30:29
目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能。其实,其中也有不少轻量级的插件和库,它们不仅轻巧有用,而且不会影响网站的性能。本文就为大家整理了2016年以来30多款轻量级Javascript插件和库的列表,这些工具服务于特定的目标,并且它们能够非常有效和高效地实现目标。 不管你想创建一个图片库、一个滑动效果,个性化菜单还是其他接口元素,你都可以用这些插件和库轻易的实现。同时,你还可以使用这些插件为网站增加出色的功能,例如GIF和图片预览、吸引人的网站图标及其他。 这些插件和库都是非常简单的编码并且可以轻易实现。你以后肯定会发现它们对于你的Web项目非常有用。 0、 baguetteBox.js baguetteBox.js是一个简单易用的响应式图像灯箱效果脚本,而且在移动设备上支持滑动手势,完全使用Javascript编写。(压缩后大约2.7KB) DEMO: https://feimosi.github.io/baguetteBox.js/ 1、 ScrollReveal ScrollReveal插件使用户能够无比轻松地创建桌面和移动浏览器的网页滚动动画(压缩后大约3.3KB) 请各位自行打开DEMO页面感受一下动画效果。:) DEMO: https:/

Cordova Phonegap

僤鯓⒐⒋嵵緔 提交于 2020-02-13 09:07:48
Cordova和PhoneGap的关系:PhoneGap 被 Adobe 收购了,但是剥离了核心代码贡献给 Apache Software Foundation,Apache 将这个项目命名为Cordova ,也就是说 PhoneGap 是基于 Cordova 的。所以用的时候用cordova就可以了。 一、安装前准备工作 1.下载java JDK 1.6以上版本 http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html 2.下载Android Development Tools 已经包括了Android sdk、eclipse,解压即可使用。 https://developer.android.com/sdk/index.html 网盘:http://pan.baidu.com/s/1dD8viLj 3.设置系统变量 Java环境变量配置完以后(也就是java jvac运行成功以后)还需要额外配置的东西如下 系统变量Path后面添加: F:\adt-bundle-windows-x86_64-20140321\sdk\tools F:\adt-bundle-windows-x86_64-20140321\sdk\platform-tools F:\adt-bundle

Js调用Java方法并互相传参

巧了我就是萌 提交于 2020-02-10 02:54:08
Js通过PhoneGap调用Java方法并互相传参的。 一、JAVA代码 写一个类,该类继承自Plugin并重写execute方法。 import org.json.JSONArray; import android.app.Activity; import android.app.AlertDialog; import android.content.ActivityNotFoundException; import android.content.DialogInterface; import android.content.Intent; import android.net.Uri; import android.os.Bundle; import com.phonegap.api.PhonegapActivity; import com.phonegap.api.Plugin; import com.phonegap.api.PluginResult; public class PluginTest extends Plugin {   public static String ACTION = "hello"; public PluginTest() { } /** * Executes the request and returns PluginResult. * *

使用jQuery Mobile和Phone Gap开发Android应用程序

谁都会走 提交于 2020-02-08 19:21:18
使用jQuery Mobile和Phone Gap开发Android应用程序 1、 软件准备 要进行android app的开发,当然需要准备Java, eclipse和安装Android SDK,这个部分网络上面很多方法,搜索“安装Android SDK”即可找到很多答案,所以就不再这里浪费口水。 2、 知识准备 (1)了解jQuery Mobile这个js框架,知道怎么组织一个简单的页面。 官方网站:http://jquerymobile.com/(记得下载一个js库文件) (2)了解Phone Gap,怎么利用Phone Gap在后面的内容也有介绍。 官方网站:http://phonegap.com/(同样记得下载相关文件) (3)能够使用jQuery进行开发。 3、 组织工程目录 (1)打开Eclipse,建立一个android应用工程,见下图 (2)解压phonegap的压缩包,可以看到它针对不懂的应用类型进行了不同的分类,有android、IOS、Windows Phone等移动终端系统,打开其中的android文件夹。 (3)在刚才新建的工程的根目录下新建一个名为libs的文件夹,找到(1)中android文件夹中的jar包粘贴到刚才的libs文件夹下。 (4)将(1)中android文件夹下的xml文件夹整个粘贴到工程更目录下的res文件夹下。 (5

Phonegap - Missing App Store Icon 1024x1024px App Store Icon

痞子三分冷 提交于 2020-02-01 17:46:47
问题 This is for PhoneGap. When submitting the .ipa with ApplicationLoader I'm getting this error: WARNING ITMS-90704: "Missing App Store Icon. iOS Apps must include a 1024x1024px App Store Icon in PNG format. Without providing the icon in the Asset Catalog or via iTunes Connect, apps cannot be submitted for App Review or Beta App Review. Refer to https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/ for more information." I use Phonegap's online build tool at https

Phonegap - Missing App Store Icon 1024x1024px App Store Icon

纵然是瞬间 提交于 2020-02-01 17:43:12
问题 This is for PhoneGap. When submitting the .ipa with ApplicationLoader I'm getting this error: WARNING ITMS-90704: "Missing App Store Icon. iOS Apps must include a 1024x1024px App Store Icon in PNG format. Without providing the icon in the Asset Catalog or via iTunes Connect, apps cannot be submitted for App Review or Beta App Review. Refer to https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/ for more information." I use Phonegap's online build tool at https

Combining Framework 7 & Bootstrap 4

纵然是瞬间 提交于 2020-01-22 02:37:10
问题 I have completed the project for the mobile website using html and bootstrap 4 and now I will work on the mobile version using framework 7. The problem is it possible to move my code into framework 7 and use bootstrap 4 in it? or is it not efficient and should I re-code it in pure framework 7? --| using google translate |-- 回答1: Yes. It is possible to combine Bootstrap 4 with Framework7. F7 can work with just about any css, be it your own custom styles, or Bootstrap 4. 来源: https:/

How to add functionality of Google SIgn-In in Phonegap Hybrid HTML app

余生颓废 提交于 2020-01-16 17:18:10
问题 How to implement Google Login in Phonegap App & also how to check whether the user is logged in or not as soon as the user opens up the app ? I am already aware of the EddyVerbruggen Plugin but it doesn't tells the status of login, it just logs in the user and also its trysilentLogin method doesn't works (yields error : 4) . Without knowing the login status how can I direct my users to the welcome page of my app. HTML : <body onload="init()"> </body> config.xml : <plugin name="cordova-plugin

iOS 11 Status bar pushing the view down by 20px

ⅰ亾dé卋堺 提交于 2020-01-06 04:29:47
问题 I'm facing an issue with the iOS 11 status bar pushing the view down on first launch, but when i hit an input, it pushes the view back to the normal state. I added viewport-fit=cover but it didn't fix the issue. I'm using cordova-plugin-statusbar <plugin name="cordova-plugin-statusbar" spec="~1.0.1" /> Screenshots of the issue then when pushed back to normal: I'm using Framework7 for the UI, and some plugins: cordova-plugin-camera 2.4.1 "Camera" cordova-plugin-compat 1.2.0 "Compat" cordova