Articles of html5

webkit ICS中不显示inputtypes=“数字”的占位符文本

我有以下input字段 <input type="number" id="zip-code" placeholder="Zip code" /> 占位符显示在正常的浏览器,除了Android 4.0及以上,宽度也相比其他领域减less。 什么可能是错误?

有没有办法从手机浏览器调用导航?

我正在开发一个非常小的HTML5 / JavaScript网站,由android / iphone等设备的移动浏览器打开。 我正在使用HTML5的地理位置来获取当前的位置,但一旦我有,我想导航到某个目的地。 我想到的最好的是,用户点击类似于下面的链接的链接 https://maps.google.com/maps?saddr=london&daddr=paris 但是,这并不能打开导航应用程序,只是切换到移动版Google地图网站。 有没有办法通过使用HTML5 / JavaScript打开导航(GPS)应用程序? 像这样的东西: navigate:London to Paris

Android WebView似乎忽略了网页上的“视口”信息

我有一个使用视口META标签的网站告诉移动浏览器如何显示内容()。 在Android浏览器中查看页面看起来是正确的(和iPhone等)。 当我将页面加载到android应用程序中的WebView组件中时,WebView将忽略“VIEWPORT”标记,并以“完整”分辨率呈现页面,在此情况下将放大该分辨率。

使用Phonegap实时videostream为Android?

我正在使用WowzaServer Live Streamingtypes。 所以我可以直接使用wowza的例子来观看video http://[wowza ip address]:1935/live/myStream/Manifest – LIVE Video Streaming Silverlight Player. http://[wowza ip address]:1935/live/myStream/playlist.m3u8 – LIVE Video Streaming iOS and MAC. rtmp://[wowza ip address]/live – LIVE Video Streaming Flash RTMP Player http://[wowza ip address]:1935/live/myStream/manifest.f4m – LIVE Video Streaming Flash HTTP Player 我可以使用上述链接从浏览器中查看video。 我想运行从Android应用程序的链接,并获得Android设备上运行的video。 我无法播放video。 我试图使用HLSstream的HTMLvideo标签,即我用这个: <video id="videohtml" width="320" height="240" controls> <source src="http://[wowza IP […]

Chrome和Android中的Web SQL存储限制?

所以我写了一个Web应用程序,需要在离线的Web SQL数据库中存储〜40MB的离线数据。 它需要在Chrome(桌面),Safari(桌面和移动)和Android的浏览器中工作。 现在我知道这些浏览器支持Web SQL,我知道哪些版本,但我需要知道多less存储是允许的。 Safari桌面支持500MB的数据库存储。 Safari移动支持50MB的数据库存储。 不过,我已经花了几个小时search到处寻找什么空间铬的桌面支持和android浏览器支持,但不能find具体的东西。 一个地方指出,Chrome桌面的硬盘限制为5MB,而另一个地区则为Chrome桌面限制了25MB的限制(不使用Chrome扩展)。 Android浏览器的一个来源指出15MB的限制,另一个来自5MB的限制。 任何人都可以指向我的地方,说明什么是实际的Web SQL存储的硬限制是Android和铬?

在HTML5video标签Mp4video不玩移动铬和移动Safari浏览器

我有这个代码在html5页面中播放video: <video autoplay loop id="bgvid"> <source src="video-background.mp4" poster="/poster.png" type="video/mp4"> </video> 问题是,它不适用于移动铬(Android手机)和移动Safari(iPhone)。 但它在桌面和移动Firefox(Android手机)中的“每一个”浏览器(经过Safari,Chrome,Firefoxtesting)都能正常工作。 我怎样才能克服这个问题? 编辑:添加了这个代码: var myVideo = document.getElementById("bgvid"); function playVid() { myVideo.play(); } function pauseVid() { myVideo.pause(); } 如果我添加一个触发函数playVid()的button,它会起作用。 所以我认为问题在于自动播放。 我试图用load事件触发该函数,但它不起作用。

制作跨平台应用程序的最佳方法是什么?

我的问题是:制作跨平台应用程序/游戏的最佳/最简单的方法是什么? 如果可能,iOS和Android – 以及Windows Phone。 我读了很多不同的方法。 HTML5和JavaScript – 然后只是特定平台的整体实现。 我已阅读了一些“转换工具” – 英特尔搬运工工具。 像PhoneGap,英特尔XDK,Appcelerator和Mosync等名称已经出现。 所以我只是困惑..你更喜欢什么? 我在iOS编程方面并不是全新的,但也没有那么多的经验。 我做了几个应用程序和游戏。 否则,我对HTML和CSS有一点经验。 但是我从来没有使用过HTML5和JavaScript。 我也知道,原生平台特定的应用程序更好,混合应用程序。 但是,毕竟,我很乐意听到你的意见:你喜欢还是不喜欢? 🙂

当字段为.focus()'d使用javascript时显示Android的软键盘

在一个网页我有一个search字段。 我添加了“清除”button,以便用户可以清除search字段并重新开始。 为了方便起见,我将焦点放在search框的文本框中,光标确实出现在框中。 然而,软键盘似乎并没有显示在使用默认浏览器的Android设备上。 在iOS和Opera Mobile中,它可以像我期望的那样工作。 有一个额外的方法,我可以调用这将导致键盘显示在Android的浏览器,所以用户可以开始input马上? function clear_search() { if($('#searchinput').val()) { $('#searchinput').val(''); } $('#searchinput').focus(); }

PhoneGap – Android – 在手机滑动导航

我正在为android平台制作phonegap应用程序。 在这个应用程序中,我想要在多个HTML页面中滑动导航。 请告诉我如何做到这一点。 要么它是在单一的HTML页面,或者我已经创build了多个HTML页面,这个滑动导航。 提前致谢。 普里特

Android:使用html5来确定webview中的地理位置与JavaScript API

我目前在webview中有一个地理定位问题。 我有一个web应用程序。 我目前没有使用phonegap或任何其他移动框架。 我一直在获取内置的html5地理位置javascript api工作在android应用程序中的web视图中运行的应用程序不成功。 该网站工作正常,否则从Chrome浏览器在Android 2.0 +(支持地理定位)。 我正在编译对付android的api版本5。 我已经阅读了这个post Phonegap的解决scheme是编写一个包含内置调用的代理,而不是使用主机活动,但是我更喜欢使用内置到webview(webkit)而不使用电话差距。 我已经在清单文件中设置了适当的权限: <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.ACCESS_GPS" /> <uses-permission android:name="android.permission.ACCESS_ASSISTED_GPS" /> <uses-permission android:name="android.permission.ACCESS_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> 以下是一个示例代码片段: webview = (WebView) findViewById(R.id.webview); pbarDialog = new ProgressDialog(this); pbarDialog.setCancelable(false); pbarDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER); webview.setWebViewClient(new MyWebViewClient()); webview.getSettings().setJavaScriptEnabled(true); webview.setWebChromeClient(new MyChromeWebViewClient()); webview.setVerticalScrollBarEnabled(false); WebSettings webSettings = webview.getSettings(); webSettings.setSavePassword(true); webSettings.setSaveFormData(true); webSettings.setJavaScriptEnabled(true); webSettings.setSupportZoom(false); […]