Articles of html5

Android 4.0和HTML5历史API

Android 3.0和4.0不支持HTML5 History API(http://caniuse.com/#search=history)。 从Android 2.2和2.3支持它是否有任何理由放弃支持?

Android底部白色条纹填充Webview内容

一旦一个HTML被加载到一个webview,我得到一个白色的条纹在右侧和底部的布局。 对于正确的一个我解决它使用: setScrollBarStyle(WebView.SCROLLBARS_INSIDE_OVERLAY); 但是,我已经尝试了很多选项来删除底部的一个没有成功。 即使我读了所有相关的post。 如果需要更多的代码,请让我知道。 XML <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" > <WebView android:autoLink="web" android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/webview1" android:textColor="@android:color/black" ></WebView> </LinearLayout> 活动 browse = (WebView) findViewById(R.id.webview1); browse.getSettings().setJavaScriptEnabled(true); browse.getSettings().setUseWideViewPort(true); browse.getSettings().setLoadWithOverviewMode(true); browse.setScrollBarStyle(WebView.SCROLLBARS_INSIDE_OVERLAY); browse.setScrollbarFadingEnabled(false);

在Facebook应用程序浏览器中的HTML5地理位置 – 不允许/阻止提示

我有一个使用HTML5地理位置的网站。 除了通过Android的Facebook应用程序浏览器,它运行得非常好。 这是在Facebook应用程序中单击链接时打开的内部应用程序浏览器。 通常当访问页面时,用户会得到一个使用位置提示(允许/阻止),但是在Facebook应用程序中没有任何请求,并且该页面/站点没有位置访问权限。 有没有人因为圣洁的爱而知道解决这个问题,甚至解决问题的办法? 我在我的智慧结束,因为我没有一个有效的解决scheme,除了承认用户在Facebook浏览器,并要求他们通过“在Chrome中打开”菜单设置突破。 提前致谢

无法构造通知:非法的构造函数

我的网站使用了从未在移动设备上工作过的桌面通知,但最近我开始在Android 4.4的Chrome版本42.0.2311.108中收到以下例外情况: Failed to construct 'Notification': Illegal constructor. Use ServiceWorkerRegistration.showNotification() instead. TypeError: Failed to construct 'Notification': Illegal constructor. Use ServiceWorkerRegistration.showNotification() instead. 我的通知代码很简单,在检查用户是否授予了权限之后,我按如下方式初始化一个新的Notification对象: var notification = new Notification(messageOptions.title, { icon: messageOptions.icon }); 如何更改此代码以使用undefined的ServiceWorkerRegistration.showNotification来支持Chrome的移动版本中的通知,或者如果无法执行function检测并防止发生exception, t支持[尚]。

Chrome上的黑色屏幕为html5的video

问题:这些video放在我的网站上: http : //dege.cloud/ (点击其中一个图片)当我在桌面或Firefox上移动页面时,一切都很好。 当相同的页面被加载在Android上的chromevideo是黑色的没有控制,video没有audio,所以我不知道它是否播放。 预期结果:video应该是可播放的,hml5video标签不会在手机上自动启动,但这不是问题。 分析:video的内容types是正确的,检查设备上的控制台不会提供错误。 我给了webm和mp4版本的video(从http://giphy.com/翻录)。 video的代码是这样的: <video autoplay muted loop class="img-responsive img-centered"> <source src="img/portfolio/campominato-video.webm" type="video/webm" class="img-responsive img-centered"> <source src="img/portfolio/campominato-video.mp4" type="video/mp4" class="img-responsive img-centered"> <img src="img/portfolio/campominato-screen.png" class="img-responsive img-centered"> </video> jsfiddle的问题在行动: https ://jsfiddle.net/Dege/1es4516p/

canvas.toDataURL()返回部分损坏的图像

我们有一个Web应用程序(非常间歇地)返回部分损坏的PNG图像数据URL。 图像有一个大的黑色部分覆盖一些图像,但不是全部。 这些图像是客户签名。 例如: 我们正在使用这个签名板组件。 图像URL是使用getSignatureImage()例程返回的。 我从访问日志中看到的唯一一件事情似乎显示了来自“Samsung Galaxy Tab”设备的受到影响的请求,但是使用了Chrome 59.但是来自同一设备的其他请求仍然可以正常工作。 任何帮助赞赏。

在Android浏览器中使用HTML5播放audio

我想在Android浏览器中播放audio,使用html5 <audio>标签。 它在iPhone浏览器中正常工作,但不在Android中。 我正在使用Android虚拟设备4.0.3 。 有谁知道为什么? Android来源: webView.loadUrl("file:///android_asset/www/test.html"); HTML文件: <audio controls="controls" format="mp3"> <source src="achievement.mp3" /> </audio> (我听不到有<embed>和<object>标签的audio)

如何在HTML5VFullScreen $ SurfaceVideoView Android 4.0中获取HTML5videoURI?

当用户点击video控制栏中的全屏button时,我正尝试获取HTML5videoURI。 据此,Android 4.0中的HTML5video视图是SurfaceView,而不是VideoView。 有人能告诉我如何在SurfaceVideoView中获取URI吗? 这是我的代码。 非常感谢。 webView.setWebChromeClient(new WebChromeClient(){ @Override public void onShowCustomView(View view, CustomViewCallback callback) { super.onShowCustomView(view, callback); if (view instanceof FrameLayout){ final FrameLayout frame = (FrameLayout) view; if (frame.getFocusedChild() instanceof SurfaceView){ SurfaceView video= (SurfaceView) frame.getFocusedChild(); } } });

PhoneGap电子邮件插件

我试图在这里使用插件这是我第一次在Android上开始使用Phonegap,所以对我来说这个过程有点陌生。 到目前为止,我已经将.JAVA文件添加到这里“src.org.apache.cordova”我已经将.JS添加到www文件夹,并在我的HTML文件中引用它。 我已经将以下内容添加到我的config.xml <plugin name="EmailComposer" value="org.apache.cordova.emailComposer"/> 由于README文件并没有详细说明,我假设这是必须在这里进行的价值。 然后我在我的HTML文件中使用以下内容。 window.plugins.emailComposer.showEmailComposerWithCallback(null,"Look at this photo","Take a look at <b>this<b/>:",["example@email.com", "johndoe@email.org"],[],[],true,["_complete_path/image.jpg", "_other_complete_path/file.zip"]); 这是从README文件直接,当我运行的应用程序没有任何反应。 甚至不是一个错误。 我曾尝试在模拟器和运行4.0.3的三星S2使用各种版本 Phonegap版本2.7 任何人都可以指向正确的方向吗? 谢谢

Android上的脱机Web应用程序HTML5

我想开发一个HTML5的Web应用程序。 我在HTML5中读到,可以使用* .manifest文件的新function“脱机Web应用程序” 我从2010年11月阅读了一篇文章,这个function只适用于iOS平台。 现在在Android上工作吗?