cordova - tag - preference name android targetsdkversion
Aplicación web Phonegap en navegadores de escritorio normales (18)
Como dijo Remy, la mayoría de las cosas estándar que escribes estarán bien, pero tendrás que ajustar ciertos métodos que usan la cámara / el acelerómetro para ver si estás en una aplicación o no.
A pesar de que una mejor solución es usar detección de características, ya que puede cargar imágenes y usar la cámara con la entrada HTML en un sitio web móvil, estoy bastante seguro de que ahora puede acceder a la cámara web en ciertas versiones de Desktop Chrome.
Si desea construir una aplicación propiamente universal, necesitará usar mucha detección de características / dispositivos, o tener un producto principal central, y usar algo como los Submódulos de Git para incluir y extenderlo como una aplicación de Phonegap.
No existe una manera única, fácil y estandarizada de hacerlo.
Si desarrollo una aplicación web en phonegap, ¿se puede hacer que la misma aplicación web se ejecute en computadoras de escritorio / portátiles comunes dentro de un navegador?
Dado que las aplicaciones de brecha telefónica se compilan utilizando JS, HTML y CSS, puede acceder a estos archivos HTML y ejecutarlos en el navegador. pero su código tiene acceso a cualquier llamada específica del dispositivo, arrojará un error.
Definitivamente se ejecutará en el escritorio y en un servidor web cualquiera, SI lo haces bien.
Lo hago con muchas de mis aplicaciones y las cosas a tener en cuenta son:
- CORS está permitido en PhoneGap, pero puede no estar en los navegadores de escritorio
- Las API de Cordova / PhoneGap no funcionarán y pueden arrojar errores si intentas llamarlas
Una buena práctica es envolver los detectores de eventos específicos de su dispositivo, etc. en la función onDeviceReady como:
onDeviceReady: function() {
// Register the device event listeners
document.addEventListener("backbutton", function (e) {
console.log("default prevented");
e.preventDefault();
}, false );
document.addEventListener("resume", onDeviceResume, false);
y registrar eso en la función de inicialización
document.addEventListener("deviceready", onDeviceReady, false);
Además de eso, utilizo una función primitiva para asignar la variable "phonegap" a la que puedo hacer referencia si necesito saber en qué plataforma estamos, o si somos de escritorio (en cuyo caso será falso).
isPhoneGap: function() {
var is = false;
var agent = navigator.userAgent.toLowerCase();
var path = window.location.href;
if (path.indexOf("file://") != -1) {
if (agent.indexOf("android") != -1) {
is = "android";
} else if (agent.indexOf("iphone") != -1 || agent.indexOf("ipad") != -1 || agent.indexOf("ipod") != -1) {
is = "ios";
} else if (agent.indexOf("iemobile") != -1) {
is = "wp";
}
}
return is;
},
No es súper bonito, pero espero que esto ayude.
Definitivamente se ejecutará en el escritorio, SI lo haces de la manera correcta.
Lo hago con muchas de mis aplicaciones, pero es bueno envolver los detectores de eventos específicos de tu dispositivo como:
onDeviceReady: function() {
// Your Code for Device event listner
},false);
Y inicializa la función
document.addEventListener("deviceready", onDeviceReady, false);
En este momento podría usar la plataforma del browser junto con Cordova.
Puede instalarlo usando el comando regular Cordova CLI cordova platform add browser
Luego, al instalar los complementos estándar de Cordova, proporcionan la misma interfaz de programación que en el dispositivo. Por ejemplo, eche un vistazo a https://github.com/apache/cordova-plugin-camera/#supported-platforms . La compatibilidad de Howether no es 100% compatible con el dispositivo, pero el equipo de Cordova intenta aportar la mayor cantidad posible de soluciones compatibles al navegador como plataforma
Hay una herramienta para ejecutar cualquier aplicación de Android en el sistema. el nombre de la herramienta es ''bluestack'' puede ejecutar cualquier aplicación de Android en los sistemas.
Me sorprendió que no pudiera encontrar una forma sencilla de probar la aplicación en un navegador de escritorio, así que comencé un proyecto GitHub que hace que el proceso sea obvio. Actualmente, solo se emula un número limitado de complementos, pero añadiré más y espero que las contribuciones ayuden a completar los demás complementos más rápidamente. También se planifica el soporte para seleccionar diferentes tamaños de pantalla y otras personalizaciones. Espero eso ayude.
Pruebe esto: https://github.com/icblenke/phonegap-mac
Intenté una muestra y funcionó muy bien ... ¡Espero que esto ayude!
Puede instalar una VM de Android y ejecutarla en sus computadoras de escritorio / Macs / Cisco office terminals / phones / etc. Lo que probablemente se pregunte es si puede tener una única base de código. La respuesta es 99% sí. Necesita algunos archivos "adicionales" para phonegap (index.html, config) pero aparte de eso puede implementar el mismo código en ambos lugares. Funciona bien. Bueno, hay "errores" como
¿Quién en la H vota a esta respuesta? De hecho, son pocos los que responden directamente a su pregunta. Él pregunta: "Si desarrollo una aplicación web en phonegap, ¿se puede hacer que la misma aplicación web se ejecute en equipos de escritorio / portátiles comunes dentro de un navegador?" Mi respuesta es correcta ya que lo he hecho y está en producción con una compañía con casi 1000 tiendas y más de $ 100 millones en ingresos. Reconocería a la mayoría de sus clientes como nombres familiares. La aplicación PhoneGap ES 99% idéntica a la aplicación web. De hecho, la misma carpeta se comprime y se carga en build.phonegap como se copió en el portal web. Exactamente como se indicó anteriormente, puede usar la misma aplicación web y se ejecuta en un navegador web. Por cierto, puede usar la cámara desde HTML / js y NO necesita el código específico de PhoneGap. Lo mismo para el GPS (aunque necesitará un código robusto para que funcione en muchos de los teléfonos). Acelerómetro y otro hardware serían, por supuesto, excepciones; pero, duh!
De hecho, mi respuesta es una de las dos que señala muchos de los problemas que afectará. Además, es necesario señalar el desorden de los píxeles del dispositivo. Puede perfeccionar CSS y el diseño porcentual y luego usar la consulta de medios para agregar modificaciones de CSS personalizadas para tabletas, teléfonos más nuevos, etc. Se convierte en un desastre, por supuesto. Usted termina haciendo pantallas casi personalizadas para tabletas, teléfonos y otros tamaños de pantalla si desea un soporte aún mejor. Luego aprendes a hacer widgets / fragmentos de UI / lo que sea y los vuelves inteligentes. Un ejemplo simple es usar jquery datatable y cambiar las columnas cuando se encuentran en dispositivos más pequeños (ocultar columnas de contenido de información más bajas). Etc. Cambiar botones de radio para seleccionar y tal en teléfonos más pequeños. Ese tipo de mierda. Por supuesto, terminará teniendo que inventar su propia lista desplegable o usar una de jquery UI, etc., ya que la implementación de la tableta Android de selección de html se ve afectada.
Sí ... y no: su aplicación web se ejecutará en los navegadores de escritorio sí, ya que está hecha de html, css y javascript. Las llamadas javascript específicas del teléfono (acelerómetro, brújula, archivo, etc.) no lo harán.
Básicamente, si se apega al sí estándar, podrá trasladar con relativa facilidad su aplicación a la mayoría de los navegadores, ya que el trabajo en este momento es principalmente un trabajo de tematización.
Si la aplicación de su teléfono no depende de ningún código nativo, entonces sí puede simplemente usar los archivos html, css y js necesarios para crear una aplicación web. Si su aplicación de teléfono utiliza cualquier complemento de teléfono o llamadas javascript específicas de teléfono, entonces simplemente necesita decidir cómo se deben implementar en una aplicación web.
También puede intentar ejecutar su aplicación en Chrome utilizando la opción de línea de comandos --disable-web-security. Le permitirá realizar algunas operaciones "móviles", como solicitudes entre dominios, etc.
Espero que esto ayude !
Usando Ripple Emulator en Chrome puedes ejecutar tu aplicación de teléfono.
PhoneGap es un marco de aplicación que le permite crear aplicaciones instaladas de forma nativa utilizando HTML y JavaScript.
La manera más fácil de pensar en PhoneGap es un contenedor de vista web que es 100% ancho y 100% alto, con una interfaz de programación JavaScript que le permite acceder a las funciones subyacentes del sistema operativo.
si usa un mac, abra el terminal y deshabilite la seguridad web
open -a /Applications/Google/ Chrome.app --args --allow-file-access-from-files --disable-web-security
abre tu página de inicio.html y DISFRUTA :)
MacGap es un proyecto bastante activo y parece ser compatible con la API bastante bien.
Por desgracia, es solo para Mac OSX, pero ¿podría funcionar como un buen punto de partida?
DesktopGap utiliza el navegador Chrome incorporado en lugar de IE. Solo hay una versión de Windows.
No en el navegador, pero Phonegap tiene soporte para Windows 8 por lo que si compila su aplicación como here
; puedes ejecutar tu aplicación solo en w8 pero no lo intenté.