📅  最后修改于: 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-建立警示功能由于添加了四个事件侦听器，我们现在...