Articles of html5

有没有办法从移动浏览器调用导航?

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

Android 1.5上的Gears或HTML5 Location API

我正在尝试使用gwt-mobile-webkit,特别是它的位置api。 它可以很好地与iPhone(设备和模拟器)和Firefox以及G1和1.6 Android一起使用,但是它不适用于带有Android 1.5的G2。 结果我得到了具有Permission Denied错误的失败回调。 所以看来,浏览器中有一些地理位置API(齿轮或HTML5)可用,但它只是不想要求用户授予权限。 你知道是否有任何解决方法或只是在设置的某个地方启用它?

HTML5和WebGL上的增强现实(AR)

我有一个即将发布的Web应用程序,我将从Web源创建一个混合应用程序,我想将ARfunction添加到移动应用程序,我看到在线结合HTML5video元素和WebGL技术的实例,但是令我感到好奇的是,并非Android和iOS中的所有移动操作系统版本都支持基于HTML的增强现实。 是否可以将HTML移动应用程序链接到本机资源以获得更多支持的ARfunction? 给我一些可用技术的名称,我将跟随并搜索,直到我让它运作。 先谢谢你。

Android平台上的QWebView HTML5 GeoLocation

尝试使用Necessitas的QWebView端口查看HTML5网页中的GPS坐标。 但是它始终以不支持的方式响应。 function load( ) { if ( navigator.geolocation ) { alert( “Supported.” ); } else { alert( “Not Supported!” ); } } 我已经改变了QWebPage以允许权限: BrowserWebPage::BrowserWebPage( QObject* parent ) : QWebPage( parent ) { connect( this, SIGNAL( featurePermissionRequested( QWebFrame*, QWebPage::Feature ) ), SLOT( permissionRequested( QWebFrame*, QWebPage::Feature ) ) ); } void BrowserWebPage::permissionRequested( QWebFrame* frame, QWebPage::Feature feature […]

Android可以缓存具有缓存清单的HTML5video吗?

我有一个示例,它在Chrome上缓存并在离线时显示video。 当我尝试使用Android 3.2和4.x平板电脑的这个例子时,video只能在线播放,但不能离线 – 尽管其他元素如HTML文件和背景都在线下。 Hello Video! body{ background: url(‘background.jpg’);} 缓存清单example.appcache看起来像: CACHE MANIFEST index.html railer.mp4 background.jpg NETWORK: * 有没有人设法通过缓存清单为Android浏览器设置离线video缓存?

html5video标签中的Mp4video无法在移动Chrome和移动游戏中播放

我有这个代码在html5页面播放video: 问题是它不适用于移动Chrome(Android手机)和移动游戏(iPhone)。 但它适用于桌面上的“每个”浏览器(使用Safari,Chrome,Firefox测试)以及移动版Firefox(Android手机)。 我该如何克服这个问题? 编辑:添加此代码: var myVideo = document.getElementById(“bgvid”); function playVid() { myVideo.play(); } function pauseVid() { myVideo.pause(); } 如果我添加一个触发函数playVid()的按钮就可以了。 所以我认为问题在于自动播放。 我试图用load事件触发函数,但它不起作用。

制作跨平台应用的最佳方式?

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

渲染canvas元素时,某些Android设备速度极慢

我开发了一个Android设备的应用程序,并发现特别是三星galaxy S4,当app / web页面使用canvas时,性能极差。 奇怪的是,情况并非总是如此。 我测试了2个示例应用程序。 http://ie.microsoft.com/testdrive/Performance/FishIETank/Default.html 和 http://ie.microsoft.com/testdrive/Graphics/TouchEffects/Default.html 第一个工作正常,并且优于我的诺基亚(这是双核)并且是预期的。 然而,另一个演示几乎完全没有响应,帧速率接近1,其他所有设备都可以正常运行。 由于第一个应用程序运行良好而另一个应用程序不运行,因此它提出了问题,为什么? 第一个没有事件监听器,而另一个没有事件监听器。 可能touchmove是原因而不是canvas……或者是使用一些canvasfunction的演示,而另一个不是,因此性能很差。 我已经阅读了很多关于这个问题的主题,似乎没有人回答。 大多数都是几个月……所以我认为生病是一个新话题。 有没有办法解决三星S4上的canvas问题…以及可能运行4.2.x的其他Android设备。 如果此处的任何StackOverflow用户都有S4,您可以测试这两个演示并确认我的观察结果吗?

navigator.geolocation.getCurrentPosition总是在Android中超时,直到GPS /位置关闭

app.controller(‘dashboard’, function($scope){ $scope.getPosition = function(position){ $scope.acc = position.coords; $scope.lat = position.coords.latitude; $scope.lng = position.coords.longitude; $scope.$apply(); }; $scope.getPositionErr = function(error){ alert(‘code: ‘ + error.code + ‘\n’ + ‘message: ‘ + error.message + ‘\n’); }; navigator.geolocation.getCurrentPosition($scope.getPosition, $scope.getPositionErr, {maximumAge: 0, timeout: 6000, enableHighAccuracy:false}); }); 我正在使用Angular JS和Cordova作为Android应用程序。 此代码在桌面上运行正常,但在Nexus 4和Lollipop上运行不正常。 根据Cordova的要求,控制器代码也在设备准备之后执行 我努力了 将HighAccuracy设置为false 删除地理位置插件,以便它使用Wifi的默认位置 设备重启 清除浏览器缓存 飞机模式开/关 无线开/关 移动数据开/关 但是我无法获得lat,长期和地理定位总是会超时。 […]

有没有办法将消息从Android浏览器传递到应用程序?

我有一种情况,我希望将一些数据从移动网站传递到原生Android应用程序。 一个复杂的问题是,在正常情况下,加载移动网站时可能不会安装原生Android应用程序。 这是一个例子: 我是ExampleApp的用户,我想与您分享来自ExampleApp的特定数据,而您从未安装过ExampleApp。 我发送了一封电子邮件,其中包含指向移动网页的链接,该网页知道您打开链接时要查看的数据。 但是,由于数据仅在本机应用程序中可用,而不是移动网络,因此您将进入一个页面,要求您转到Android Market并安装ExampleApp。 您安装了ExampleApp,理想情况下,您将直接访问我与您共享的数据。 最大的问题是查看移动网页和安装ExampleApp之间的脱节。 我已经考虑了几个解决方案,但都没有成功(也就是说,我可能只是错误地实现它们): 在我们的域上设置一个cookie,其中包括加载移动网页时的数据。 然后,当打开ExampleApp时,启动WebView以请求同一域上的页面并检查cookie的值。 使用它来确定要在ExampleApp中显示哪些数据。 使用JavaScript localStorage存储对该数据的引用,并使用WebView获取该域上的页面,并从ExampleApp中请求localStorage的内容。 在这两种情况下,似乎WebView和浏览器都是相互远离的沙箱,因此您无法获得两者之间的cookies / localStorage。 有没有其他方法可以“留下crumbtrail”或设置一条消息,以后安装的应用程序可以从浏览器访问? 编辑:鉴于一些回复,我应该提到我只希望你点击链接一次,不必点击一次,安装应用程序,然后再次点击打开应用程序到正确的地方。