Если я создаю веб-приложение в телефонной запинке, можно ли сделать такое же веб-приложение для запуска на обычных настольных компьютерах/ноутбуках внутри браузера?
Веб-приложение Phonegap в обычных настольных браузерах
Ответ 1
Отметьте Ripple плагин Chrome для запуска приложений PhoneGap вместе с эмуляцией типа устройства в браузере Chrome.
Ответ 2
Да... и нет: Ваш webapp будет работать в браузерах рабочего стола да, так как он сделан из html, css и javascript. Специфические javascript-вызовы в телефоне (акселерометр, компас, файл и т.д.) Не будут.
В принципе, если вы придерживаетесь стандартного да, вы сможете легко отнести приложение к большинству браузеров, работа на этом этапе будет в основном работой с тематикой.
Ответ 3
DesktopGap использовать встроенный браузер Chrome вместо IE. Существует только версия Windows.
Ответ 4
Не в браузере, но Phonegap поддерживает Windows 8, поэтому, если вы скомпилируете свое приложение как здесь
; вы можете запускать приложение только на w8, но я этого не делал.
Ответ 5
Он определенно будет работать на рабочем столе и на веб-сервере независимо от того, правильно ли вы это сделаете.
Я делаю это со многими своими приложениями и вещами, которые нужно отметить:
- CORS разрешен в PhoneGap, но не может быть на настольных браузерах
- API-интерфейсы Cordova/PhoneGap не будут работать и могут вызывать ошибки, если вы попытаетесь вызвать их
Хорошая практика заключается в том, чтобы обернуть ваши прослушиватели событий конкретного устройства и т.д. в функции onDeviceReady как:
onDeviceReady: function() {
// Register the device event listeners
document.addEventListener("backbutton", function (e) {
console.log("default prevented");
e.preventDefault();
}, false );
document.addEventListener("resume", onDeviceResume, false);
и зарегистрируйте, что в функции инициализации
document.addEventListener("deviceready", onDeviceReady, false);
Кроме того, я использую примитивную функцию для назначения переменной "phonegap", которую я могу ссылаться, если мне нужно знать, на какой платформе мы находимся, или если мы являемся рабочим столом (в этом случае это будет false).
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;
},
Не очень красивая, но надеюсь, что это поможет.
Ответ 6
MacGap - довольно активный проект и, похоже, хорошо поддерживает API.
Увы, это только для Mac OSX, но может работать как хорошая точка перепрыжки?
Ответ 7
Теперь вы можете использовать платформу browser вместе с Cordova.
Вы можете установить его с помощью обычной команды CLI Cordova
cordova platform add browser
Затем, устанавливая стандартные плагины Cordova, они обеспечивают такой же программный интерфейс, как и на устройстве. Обратите внимание на https://github.com/apache/cordova-plugin-camera/#supported-platforms. Поддержка Howether не на 100% совместима с устройством, но команда Cordova пытается максимально использовать совместимое решение для браузера в качестве платформы.
Ответ 8
Я был удивлен тем, что не смог найти простой способ протестировать приложение в настольном браузере, поэтому я начал проект GitHub, который делает процесс без проблем. В настоящее время только ограниченное количество плагинов эмулируется, но я добавлю больше и, надеюсь, вклады помогут быстрее завершить другие плагины. Также планируется поддержка выбора различных размеров экрана и других настроек. Надеюсь, что это поможет.
Ответ 9
Если ваше приложение для телефонных разговоров не зависит от какого-либо собственного кода, то да, вы можете просто использовать файлы html, css и js, необходимые для создания веб-приложения. Если ваше приложение для телефонных разговоров использует любые подключаемые модули телефона или специальные вызовы javascript для телефонных разговоров, вам просто нужно решить, как они должны быть реализованы в веб-приложении.
Ответ 10
Вы также можете попробовать запустить приложение в Chrome с помощью параметра командной строки --disable-web-security. Это позволит вам выполнять некоторые "мобильные" операции, такие как междоменные запросы и т.д.
Надеюсь, это поможет!
Ответ 11
Поскольку приложения для разблокировки телефона строятся с использованием JS, HTML и CSS, вы можете получить доступ к этому HTML файлу и запустить его в браузере. но ваш код имеет доступ к любым вызовам, определенным конкретным устройством, тогда он будет вызывать ошибку.
Ответ 12
если вы используете mac, открываете терминал и отключите веб-безопасность
open -a /Applications/Google\ Chrome.app --args --allow-file-access-from-files --disable-web-security
откройте свою домашнюю страницу .html и НАСЛАЖДАЙТЕСЬ:)
Ответ 13
Как сказал Реми, большая часть стандартного материала, который вы пишете, будет прекрасна, но вам нужно будет обернуть некоторые методы, которые используют камеру/акселерометр, чтобы увидеть, находитесь ли вы в приложении или нет.
Несмотря на то, что лучшим решением является использование функции обнаружения, так как вы можете загружать изображения и использовать камеру с вводом HTML на мобильный сайт, я уверен, что теперь вы можете получить доступ к веб-камере в некоторых версиях настольного Chrome.
Если вы хотите создать правильно универсальное приложение, вам нужно будет использовать множество обнаружений функций/устройств или иметь центральный основной продукт и использовать что-то вроде Git Submodules для включения и расширения его в качестве приложения Phonegap.
Нет единого, простого, стандартизированного способа сделать это.
Ответ 14
Попробуйте следующее: https://github.com/icblenke/phonegap-mac
Я попробовал один образец, и он отлично работал. Надеюсь, что это поможет!
Ответ 15
Вы можете установить виртуальную машину Android и запустить ее на своих настольных компьютерах/Mac/офисных терминалах/телефонах Cisco/и т.д. Вероятно, вы спрашиваете, есть ли у вас одна база кода. Ответ на 99% да. Вам нужны несколько "дополнительных" файлов для phonegap (index.html, config), но кроме этого вы можете развернуть один и тот же код в обоих местах. Он работает нормально. Ну, есть "gotchas", такие как
Кто в H ниспровергает этот ответ? На самом деле это немногие, которые непосредственно отвечают на его вопрос. Он спрашивает: "Если я создам веб-приложение в телефонной запинке, можно ли сделать такое же веб-приложение для запуска на обычных настольных компьютерах/ноутбуках внутри браузера?" Мой ответ правильный, как я это сделал, и его производство с компанией с почти 1000 магазинами и более чем 100 млн долларов дохода. Вы бы узнали большинство своих клиентов как имена домашних хозяйств. Приложение PhoneGap на 99% идентично WebApp. Фактически, та же самая папка застегивается и загружается в build.phonegap, как копируется на веб-портал. Как указано выше, вы можете использовать одно и то же веб-приложение, и оно выполняется в веб-браузере. BTW, вы можете использовать камеру из HTML/js и НЕ нужен код, соответствующий PhoneGap. То же самое касается GPS (хотя вам потребуется какой-то надежный код, чтобы он работал на многих телефонах). Разумеется, акселерометр и другое оборудование были бы исключениями; но, duh!
На самом деле, мой ответ - один из двух, который указывает на множество проблем, которые он поразит. Также необходимо указать беспорядок пикселей устройства. Вы можете усовершенствовать CSS и процентную компоновку, а затем использовать медиа-запрос для добавления пользовательских модов CSS для планшетов, новых телефонов и т.д. Конечно, это беспорядок. В конечном итоге вы создаете практически нестандартные экраны для планшета, телефона и других размеров дисплея, если хотите получить еще лучшую поддержку. Затем вы научитесь создавать виджеты/фрагменты пользовательского интерфейса/что угодно и сделать их умными. Простым примером является использование jquery datatable и изменение столбцов, когда на более мелких устройствах (скрывать более низкие столбцы информационного содержимого). И т.д. Изменение переключателей для выбора и т.д. На небольших телефонах. Это дерьмо. Конечно, вам придется придумать свой собственный droplist или использовать один из jQuery UI и т.д., Поскольку реализация Android-планшета html выбирает удары.
Ответ 16
Он определенно будет работать на рабочем столе, если вы сделаете это правильно.
Я делаю это со многими моими приложениями, но хорошо обернуть ваши устройства конкретными слушателями событий, например:
onDeviceReady: function() {
// Your Code for Device event listner
},false);
И инициализируйте функцию
document.addEventListener("deviceready", onDeviceReady, false);
Ответ 17
Существует инструмент для запуска любого приложения для Android в системе. имя инструмента - "bluestack", оно может запускать любое приложение для Android в системах.
Ответ 18
Используя Ripple Emulator в Chrome, вы можете запустить приложение phonegap.
PhoneGap - это инфраструктура приложения, которая позволяет создавать изначально установленные приложения с использованием HTML и JavaScript.
Самый простой способ подумать о PhoneGap - это контейнер веб-представления, который имеет высоту 100% и высоту 100%, с интерфейсом программирования JavaScript, который позволяет вам получить доступ к основным функциям операционной системы.