📝 Cordova教程
29篇技术文档📅  最后修改于: 2020-12-09 05:29:02        🧑  作者: Mango
Cordova是一个用于使用HTML,CSS和JS构建移动应用程序的平台。我们可以将Cordova视为用于将我们的Web应用程序与本机移动功能连接的容器。 Web应用程序默认情况下无法使用本机移动功能。这就是科尔多瓦的形象。它为Web应用程序和移动设备之间的连接提供了桥梁。通过使用Cordova,我们可以制作可以使用摄像头,地理位置,文件系统和其他本机移动功能的混合移动应用程序。我们正在为想要学习...
📅  最后修改于: 2020-12-09 05:29:25        🧑  作者: Mango
Cordova是一个使用HTML,CSS和JavaScript构建混合移动应用程序的平台。官方文档为我们提供了科尔多瓦的定义-“ Apache Cordova是一个开放源代码的移动开发框架。它允许您使用HTML5,CSS3和JavaScript等标准网络技术进行跨平台开发,避免使用每种移动平台的本机开发语言。应用程序在针对每个平台的包装器中执行,并且依靠符合标准的API绑定来访问每个设备的传感器,...
📅  最后修改于: 2020-12-09 05:29:47        🧑  作者: Mango
在本章中,我们将了解Cordova的环境设置。首先,我们需要先安装一些组件。下表列出了这些组件。S.NoSoftware & Description1NodeJS and NPMNodeJS is the platform needed for Cordova development. Check out ourNodeJS Environment Setupfor more details.2A...
📅  最后修改于: 2020-12-09 05:30:16        🧑  作者: Mango
我们已经了解了如何安装Cordova并为其设置环境。一切准备就绪后,我们可以创建第一个混合Cordova应用程序。第1步-创建应用在命令提示符下打开要在其中安装应用程序的目录。我们将在桌面上创建它。CordovaProject是创建应用程序的目录名称。io.cordova.hellocordova是默认的反向域值。如果可能,您应该使用自己的域名。CordovaApp是您的应用程序的标题。第2步-添...
📅  最后修改于: 2020-12-09 05:30:33        🧑  作者: Mango
config.xml文件是我们可以更改应用程序配置的地方。在上一个教程中创建应用程序时,我们设置了反向域名和名称。可以在config.xml文件中更改这些值。当我们创建应用程序时,还将创建默认配置文件。下表说明了config.xml中的配置元素。config.xml配置表S.NoElement & Details1widgetThe app reverse domain value that we...
📅  最后修改于: 2020-12-09 05:30:59        🧑  作者: Mango
我们可以使用可用于在客户端应用程序上存储数据的存储API。当用户离线时,这将有助于应用程序的使用,还可以提高性能。由于本教程是针对初学者的,因此我们将向您展示如何使用本地存储。在后面的教程之一中,我们将向您展示其他可以使用的插件。第1步-添加按钮我们将在index.html文件中创建四个按钮。这些按钮将位于div class =“ app”元素内。它将产生以下屏幕-第2步-添加事件监听器Cordo...
📅  最后修改于: 2020-12-09 05:31:21        🧑  作者: Mango
Cordova项目中可以使用各种事件。下表显示了可用事件。S.NoEvents & Details1deviceReadyThis event is triggered once Cordova is fully loaded. This helps to ensure that no Cordova functions are called before everything is loaded...
📅  最后修改于: 2020-12-09 05:31:36        🧑  作者: Mango
处理后退按钮您通常会希望使用Android后退按钮来实现某些应用程序功能,例如返回上一屏幕。为了能够实现自己的功能,您首先需要在按下后退按钮时禁用退出应用程序。现在,当我们按下原生的Android后退按钮时,警报将出现在屏幕上,而不是退出应用程序。这是通过使用e.preventDefault()完成的。...
📅  最后修改于: 2020-12-09 05:31:59        🧑  作者: Mango
Cordova Plugman是用于安装和管理插件的有用的命令行工具。如果您的应用程序需要在一个特定平台上运行,则应使用Plugman。如果要创建跨平台应用程序,则应使用cordova-cli,它将修改用于不同平台的插件。第1步-安装Plugman打开命令提示符窗口,然后运行以下代码片段以安装Plugman。第2步-安装插件要了解如何使用Plugman安装Cordova插件,我们将以Camera插...
📅  最后修改于: 2020-12-09 05:32:18        🧑  作者: Mango
此Cordova插件用于监视设备的电池状态。该插件将监视设备电池发生的所有变化。第1步-安装电池插件要安装此插件,我们需要打开命令提示符窗口并运行以下代码。第2步-添加事件监听器当打开index.js文件时,您会发现onDeviceReady函数。这是应该添加事件侦听器的位置。第3步-创建回调函数我们将在index.js文件的底部创建onBatteryStatus回调函数。当我们运行该应用程序时,...
📅  最后修改于: 2020-12-09 05:32:47        🧑  作者: Mango
该插件用于访问设备的联系人数据库。在本教程中,我们将向您展示如何创建,查询和删除联系人。步骤1-安装通讯录插件第2步-添加按钮该按钮将用于调用createContact函数。我们将其放置在index.html文件的div class =“ app”中。第2步-添加事件监听器打开index.js并将以下代码片段复制到onDeviceReady函数。步骤3A-回调函数(navigator.contac...
📅  最后修改于: 2020-12-09 05:33:04        🧑  作者: Mango
该插件用于获取有关用户设备的信息。第1步-安装设备插件要安装此插件,我们需要在命令提示符下运行以下代码段。第2步-添加按钮我们将使用与其他Cordova插件相同的方式使用此插件。让我们在index.html文件中添加一个按钮。此按钮将用于获取有关设备的信息。第3步-添加事件监听器在deviceready事件之后可以使用Cordova插件,因此我们将事件侦听器放置在index.js中的onDevic...
📅  最后修改于: 2020-12-09 05:33:25        🧑  作者: Mango
Accelerometer插件也称为device-motion。它用于在三个维度上跟踪设备运动。第1步-安装加速度计插件我们将使用cordova-CLI安装此插件。在命令提示符窗口中键入以下代码。第2步-添加按钮在此步骤中,我们将在index.html文件中添加两个按钮。一个将用于获取当前加速度,另一个将监视加速度的变化。第3步-添加事件监听器现在让我们将按钮的事件侦听器添加到index.js中的...
📅  最后修改于: 2020-12-09 05:33:44        🧑  作者: Mango
指南针用于显示相对于地理北基点的方向。第1步-安装设备方向插件打开命令提示符窗口,然后运行以下命令。第2步-添加按钮该插件类似于加速插件。现在让我们在index.html中创建两个按钮。第3步-添加事件监听器现在,我们将在index.js的onDeviceReady函数内添加事件侦听器。第4步-创建函数我们将创建两个函数;第一个函数将生成当前加速度,另一个函数将检查方向变化。您可以看到,我们再次使...
📅  最后修改于: 2020-12-09 05:34:16        🧑  作者: Mango
Cordova对话框插件将调用平台本机对话框UI元素。第1步-安装对话框在命令提示符窗口中键入以下命令以安装此插件。第2步-添加按钮现在让我们打开index.html并添加四个按钮,每种类型的对话框一个。第3步-添加事件监听器现在,我们将事件监听器添加到index.js的onDeviceReady函数中。单击相应按钮后,侦听器将调用回调函数。步骤4A-建立警示功能由于添加了四个事件侦听器,我们现在...