Articles of html5

将jQuery移动应用程序转换为apk

我根据下面的教程在jQuery mobile annd HTML 5中做了一个简单的应用程序, http://www.erikyuzwa.com/mobile/your-first-mobile-application-using-jquery-mobile-1-0-hello-world/ 任何人请帮助我如何将此应用程序转换为apk文件,以便我可以使用手机间隙将其安装在我的手机中。 我已经下载了电话差距 提前致谢

从简单的html5 + javascript游戏创buildiOS和Android应用程序?

我用纯粹的HTML5和JavaScript写了一些简单的在线游戏。 没有什么花哨,没有涉及服务器端的东西,基本上每个游戏只是一个.html(其中包括JavaScript和CSS)和一些.png和.jpg图像。 现在,这种方法也适用于移动设备(android / iphone / ipad),只是浏览到特定的页面,但我想一个专门的应用程序会更好/更方便在这些设备上。 我完全没有开发iOS或Android的零经验,所以也许这个问题太复杂,不能马上完全回答,但是: 是否有可能为Android创build一个应用程序,基于我的HTML页面,类似的iOS(iphone / ipad),除了基本上重写整个游戏的特定平台? 如果是,我该怎么办呢? 什么是最简单的方法? 是否需要大量的Android / iOS知识,或者是否有某种通用的“转换”,将我的html页面(必需的图像)封装到移动应用程序中?

PhoneGap和WhatsApp

我希望你能帮我find我的问题。 我正在开发一个应该使用WhatsApp的应用程序。 此应用程序正在使用HTML5,CSS3和Javascript。 我正在使用此链接发送消息与WhatsApp: <a href="whatsapp://send?text=Test 1"> 当你直接使用浏览器时,这个链接完美的工作,但是当我使用PhoneGap时,我有这样的错误: 网:: ERR_UNKNOWN_URL_SCHEME 我testing了一些问题,但不起作用。 我也检查了文档,但没有… 你能帮我吗 ? 谢谢 编辑 这是我的问题的解决scheme(感谢@jcesarmobile): <access origin="whatsapp:*" launch-external="yes" /> 非常感谢 :)

三星Android设备上的WebView中不能使用localStorage html5function

我有一个HTML5应用程序,我用WebView包装。 要存储和检索页面之间的用户input值,我使用localStorage html5function。 它适用于我的Nexus 4(Android 4.4.4),但它不适用于三星Galaxy Tab 2(Android 4.3.x)(=没有任何反应,但也没有在logcat中的错误)。 或者,要更清楚一点: 在三星,如果HTML页面从应用程序的资产文件夹中加载,则不起作用 。 它确实工作,但如果我把页面放在服务器上,如下面的评论行。 但是,在Nexus 4上,从file:/// android_asset /加载,并且如果从file://path加载桌面浏览器(Chrome,Firefox)上的页面,它也可以工作。 更新1 :我刚刚有另一个用LG设备报告问题的用户,所以它似乎不是三星特定的。 更新2 :存储和加载localStorage中的值可以在同一页面上的所有设备上正常工作,但不在不同的页面之间。 在我的示例中,我可以存储和检索01_home.html上的值,但是当我转到android_asset文件夹中的另一个页面时,我无法阅读它(在LG,三星设备上)。 虽然在Nexus 4上运行良好。 以下是Web视图的设置。 webView = (WebView)this.findViewById(R.id.webView); webViewClient = new MyWebViewClient(this); webViewClient.setSm(sm); webView.setWebViewClient(webViewClient); WebSettings webSettings = webView.getSettings(); webSettings.setJavaScriptEnabled(true); webSettings.setDomStorageEnabled(true); webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setDomStorageEnabled(true); webView.getSettings().setPluginState(WebSettings.PluginState.ON); webView.getSettings().setAppCacheEnabled(false); webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE); webView.getSettings().setUseWideViewPort(true); webView.getSettings().setLoadWithOverviewMode(true); webView.getSettings().setBuiltInZoomControls(false); webView.getSettings().setSupportZoom(false); webView.getSettings().setDefaultZoom(WebSettings.ZoomDensity.FAR); webView.loadUrl("file:///android_asset/01_home.html"); // does NOT work! […]

在HTML5中,如何保持Android设备的屏幕?

我们正在使用JQuery在HTML5中开发一个应用程序。 有没有一种方法/方法,在JavaScript或其他技术,保持屏幕“开”? 谢谢。

Android软键盘使移动HTML5networking应用程序中的input字段变得模糊

我正在编写一个移动的HTML5 Web应用程序在Apple和Android上运行。 在我正在testing的Android设备上,出现以下问题: 我有一个input网页控制文本框位于屏幕的下半部分。 当焦点转到文本框时,将显示软键盘,并隐藏/隐藏/隐藏用户应该键入的input网页控件。 只有当用户input至less一个字符时,input的Web控件才会变得可见,不再隐藏在键盘下面。 我想要的是input的字段不被键盘遮挡。 显示软键盘时,我希望input的Web控件保持可见状态。 这是运行Android 3.2版的三星平板电脑。 请告诉我如何做到这一点。

select在Android浏览器上不活动的下拉菜单

我有一个问题,在Android移动设备上查看时,下拉select框没有下拉(基本上不活动)。 它在桌面浏览器以及ios浏览器上都能正常工作 – 在桌面上启动ios上的选取轮和下拉select列表。 示例代码是; <select id = "log_or_norm" autofocus> <option value="1">Lognormal</option> <option value="2">Normal</option> </select> 我试着在这里find的build议; http://youngliferamblings.wordpress.com/2011/08/09/select-dropdown-in-android-webview/ 这是 select标记在Android中有时不起作用,特别是在使用webview的应用程序中。 这让我疯狂了很久。 我发现的主要修复,即使你的select深埋​​在div和行,什么是,这是CSS: select{visibility:visible; -webkit-appearance:menulist-text; } -webkit外观可能是唯一实际需要的,并将其设置为“listbox”也可以。 就这样。 这应该是自己的职位。 没有运气…. 我希望这里的一位大师可以提供一个优雅的解决scheme,避免我不得不为每个选项制作离散button。 我并不关心Android的体验是否有一个不错的select轮,但是需要能够让Android用户select一个选项。 提前感谢你

如何在WebView中内嵌HTML5video?

我需要在WebView中内联播放html5video。 我发现了一种应该可以工作的技术,但它只是偶尔工作(见问题的结尾)。 当它不起作用时,onShowCustomView不会被调用。 任何人都可以看到一个原因,这是不工作或build议替代? package com.richcollins.VideoView; import java.io.ByteArrayOutputStream; import java.io.InputStream; import android.app.Activity; import android.media.MediaPlayer; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.webkit.WebChromeClient; import android.webkit.WebSettings; import android.webkit.WebView; import android.widget.FrameLayout; import android.widget.VideoView; public class WebViewActivity extends Activity { WebView webView; FrameLayout frameLayout; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); LayoutInflater inflator = getLayoutInflater(); View inflatedView = […]

如何在html5手机网页中添加Android日历中的条目?

我正在寻找关于如何创buildAndroid日历应用的添加事件屏幕的超链接的示例或文档。 例如,可以通过以下方式创build一个超级链接: <a href="tel:5556665555">Call</a> 我正在寻找有关是否有可能链接到Android日历的添加事件屏幕的信息,如下所示: <a href="calendar:YYYY-MM-DDThh:mmTZD?end=YYYY-MM-DDThh:mmTZD&name=Appointment>Add Calendar Entry</a> 我愿意专门使用Google日历Web API,但还没有find任何可行的解决scheme。 这里有一个论坛post,有人正在寻找一个在Android上运行的基于networking的调用。 http://www.google.com/support/forum/p/Calendar/thread?tid=6fc0598cd1619e19&hl=en

Android 4.1.1 / 4.1.2 Date Picker Galaxy S3

我正在使用<input type="date"/>根据caniuse.com android浏览器不支持这个呢。 虽然我看着HTC One 4.1.x上的页面,它有自己的input字段本地渲染。 三星Galaxy S3 4.1.2也具有该组件的渲染风格。 然而,caniuse.com表示不支持。 macros达电和三星已明确将这一function添加到他们的Android浏览器版本。 S3 4.1.2上的dateselect器在多个S3上崩溃浏览器? 在第一次访问页面时,复制步骤似乎更常见: selectdateselect器将该月份向下移动两次。 select设置。 页面崩溃/变得无法响应。 我正在使用Modernizr,Modernizrtesting浏览器以查看其function。 在HTCOne和S3 modernizr没有带来我使用的polyfill,这是正确的。 所以IOS工作正常,Android不。 我怎样才能解决这个没有讨厌的黑客在现代化“testing:”属性? 谢谢,长时间阅读,但最好的一个有趣的错误。 麦克风