Articles of html5

在不同的android版本的图像渲染差异

我正试图用Sencha Touchbuild立一个图库。 我创build了一个hbox布局和宽度等于window.innerWidth的容器对象。 然后,我在里面添加三个容器。 每个使用vbox布局和宽度等于window.innerWidth / 3。 我添加的图像的宽度等于在CSS上设置的列宽和高度为“自动”。 这是我的代码: Ext.define('Oasis.view.ImgTest',{ extend: 'Ext.Container', xtype:'mosaic', config:{ cls: 'gallery', layout: { type: 'hbox', // This is a column-based mosaic pack: 'center', align: 'start' }, columnWidth: -1,// numCols: 3, // Number of columns lastColumnUsed: -1, // Last column where a image were added. -1 for none. autoInstanceColumns: false, // […]

Android如何在HTML5 localstorage上写入一个值?

我有一个webview android应用程序,它打开一个包含一些HTML5 / JavaScript代码的网页。 我想从我的应用程序的Android端传递一些值到浏览器端。 所以我想从Android上写入到HTML5 localstorage,然后网页的Javascript部分读取本地存储的值。 Android webview如何写入HTML5本地存储? 或者有什么办法的Android可以传递一些值,以加载页面的JavaScript? (而不必重新加载整个页面)说写一些东西到HTML5本地存储,然后JavaScript代码从HTML5本地存储读取的东西 它不同于如何将json格式的数据从webview传递到html页面 。 我需要通过android写入到HTML5 localstorage的方式

如何确定一个应用程序是本机还是html5?

我想知道如何任何移动应用程序是本机或HTML5。 有没有任何软件或网站可以说明这一点。 我如何检测应用程序是本机还是html5?

如何使html5文本字段显示数字键盘?

PhoneGap的>的android 我知道我可以使用type="number"来显示数字键盘,但问题是我想要重新格式化input作为用户input的价格。所以它将在美元和美分的格式(如$343,23.50 )和type="number"字段不允许数字字符以外。 所以我想要一个文本字段,但它应该显示数字键盘上的水龙头。 可能吗?

使用HTML5访问iOS和Android手机中的相机

我需要创build一个photobooth移动应用程序,并决定使用HTML5来处理我的移动应用程序。 目前,我正在使用getUserMedia方法,该方法在我的笔记本电脑摄像头上工作得非常好。 但是,当我尝试在手机上作为移动应用程序进行testing时,它无法正常工作,显示的只是一个video图标。 这导致我发现getUserMedia不支持在Android浏览器。 我仍然希望继续使用HTML5来让我的photobooth移动应用程序正常工作,但是如何在手机中访问摄像头并且可以这样做?

如何在移动networking应用程序(Android Browser / iOS-Mobile Safari)上禁用横向/纵向切换

我正试图禁用影响我的HTML5移动应用程序的网页的电话轮换。 没有重新布局,resize,orientationchange行为。 我需要它,以便旋转手机,加载的初始布局将保持不变,迫使用户以原始方向使用应用程序。 用户逻辑有许多微妙之处,我真的觉得这是我的应用程序需要的,所以请不要评论这个select,而是帮助我的问题在第一句话。 我试着听两个'orientationchange'和'resize'的事件,并调用preventDefault并停止传播,以防止任何浏览器行为重新组织页面,以适应横向视图转动。 那么,显然阻止任何(理想)。 window.addEventListener("orientationchange", function (e) { e.preventDefault(); e.stopPropagation(); }, false); window.addEventListener("resize", function (e) { e.preventDefault(); e.stopPropagation(); }, false); 完全没有区别。 浏览器仍然在Android上重新组织(pre2.1和之后)和iPhone 4-5页面。 尝试过meta标签 <meta name="viewport" content="initial-scale=1.0, user-scalable=no /> 然后生气,尝试 <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width" /> 没有什么区别。 在StackOverflow上狂怒地看着,看到我在第一步做了什么,在那里放了几次…再次尝试,以确保我没有搞砸了。 没有工作。 吸了我的骄傲,然后决定由于骄傲继续跑进一堵砖墙,然后真的吸了我的骄傲,张贴在这里。 HALP。

将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! […]